vue <span> @click点击变色

Vue中可通过@click事件来实现当点击元素时变色的效果。
首先，在Vue的实例中，我们需要定义一个data属性用于存储颜色的状态，例如：color: 'red'。
然后，我们可以通过@click事件绑定到span元素上，指定一个方法，例如：changeColor()。
在changeColor()方法中，我们可以使用this关键字来访问data属性，并修改其值，例如：this.color = 'blue'。
最后，我们可以在span元素上使用动态绑定class或style来实现样式的变化。例如：<span :class="{active: color === 'blue'}">Hello Vue!</span>，或者<span :style="{color: color}">Hello Vue!</span>。

总结起来，当点击span元素时，触发@click事件，调用changeColor()方法来改变data中的color值，从而实现元素的颜色变化。