vue 实现点击元素 改变该元素样式，点击过的元素，样式不移除

vue 实现点击元素 改变该元素样式，点击过的元素，样式不移除

在写项目时 一般的需求都是点击当前元素 改变该元素样式 点击下一个元素 其余元素样式恢复原状，但最近遇到一个需求是，点击元素 改变该元素字体颜色 点击下一个元素 上一次点击过的元素字体颜色还存在。
这里的代码给出两种效果，第一种是类似于a链接的visited效果，二次点击该元素，已经改变过的样式不会再改变。第二种是样式切换效果，二次点击该元素，之前改变的样式移除。

<style>
   .list li {
   
           cursor: pointer;
           color: #000;
           font-size: 20px;
           font-weight: bold;
           margin-left:20px;
           }
   .active {
   
           color: red