vue 改变字体颜色

根据引用中的代码，可以看出在Vue中改变字体颜色的方法是通过绑定class属性来实现。在模板中，使用v-bind指令将class属性绑定到一个变量colorIndex上，这个变量的值决定了哪个li元素的class为activeColor，从而改变字体颜色。然后，在样式中定义activeColor类的样式，比如将背景色设为#f6fbff，字体色设为#298adb。当点击li元素时，调用changeColor方法，将colorIndex的值设为当前点击的索引index，从而实现改变字体颜色的效果。

总结起来，采用Vue的循环数组改变点击文字的颜色的方法是：
1. 在data中定义一个数组List，其中包含要循环显示的数据。
2. 在模板中使用v-for指令循环遍历List数组，并将每个元素渲染为一个li元素。
3. 使用v-bind指令将li元素的class属性绑定到colorIndex变量上，根据colorIndex的值是否等于当前索引index，决定是否添加activeColor类。
4. 在样式中定义activeColor类的样式，改变相应的字体颜色。
5. 当点击li元素时，调用changeColor方法，将colorIndex的值设为当前点击的索引index。

以上是根据引用中的代码分析得出的关于Vue改变字体颜色的方法。