vue实现鼠标点击字体变色

可以使用Vue的v-on指令绑定鼠标点击事件，然后使用v-bind指令绑定样式，实现字体颜色变化。具体代码如下：

<template>
  <div>
    <p v-on:click="changeColor" v-bind:style="{ color: textColor }">点击我变色</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      textColor: 'black'
    }
  },
  methods: {
    changeColor() {
      this.textColor = 'red'
    }
  }
}
</script>

当用户点击p标签时，changeColor方法会被调用，将textColor属性的值改为'red'，从而实现字体颜色变化。