vue2+elementUI项目中，有一个p标签，其中的文字颜色为黑色，请用v-on实现鼠标悬停改变文字颜色为红色，鼠标移开后变回原色

可以使用v-on绑定mouseover和mouseout事件，鼠标悬停时将文字颜色改为红色，鼠标移开时再将文字颜色恢复为原来的黑色。以下是示例代码：

<template>
  <div>
    <p v-on:mouseover="changeColor('red')" v-on:mouseout="changeColor('black')">
      这是一段文字
    </p>
  </div>
</template>

<script>
export default {
  methods: {
    changeColor(color) {
      this.$refs.text.style.color = color;
    },
  },
};
</script>

<style scoped>
p {
  color: black;
}
</style>

在这里，我们使用了ref指令来获取p标签的引用，然后在changeColor方法中根据传入的颜色值改变文本颜色。由于要在样式中使用ref指令获取p标签的引用，因此需要在style标签中使用scoped属性来限定其作用域。