使用vue中的函数更改文本颜色

<template>
  <div>
    <p :style="{ color: textColor }">Hello, Vue!</p>
    <button @click="changeColor">Change Color</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      textColor: 'black' // 初始文本颜色为黑色
    };
  },
  methods: {
    changeColor() {
      // 在这里编写改变文本颜色的逻辑
      // 可以使用条件语句、随机数等方式来改变颜色
      this.textColor = 'red'; // 示例：将文本颜色改为红色
    }
  }
};
</script>