Vue中v-for与v-bind如何实现列表颜色动态切换？

本文共计865个文字，预计阅读时间需要4分钟。

需求：在页面上显示四个列表，初始时字体颜色为黑色。鼠标点击某一列表时，该列表颜色变为红色，其他列表保持黑色。

代码实现：css.red { color: red; }列表1列表2列表3列表4

需求：

在页面上显示四个列表，初始时字体为黑色。

鼠标点击某一个列表时，该列表的颜色变为红色，其余列表仍为黑色。