：class动态绑定问题。为什么数组通过key值引用不发生变化

今天写代码遇到个问题，我这自己简单描述下，然后这下面这个两个链接是我找到的答案

https://blog.csdn.net/vladimirzl/article/details/79345752

https://blog.csdn.net/weixin_34075551/article/details/91417391?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-3.control&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-3.control

这个两个链接差不多描述了这个问题，并且教到如何去解决这个问题

我再自己描述下这个问题，增加下自己的理解，总结下。

 

需要实现：一个data是个数组，需要通过for循环得到key值再通过key值去去对应数组中的值是true还是false，实现class的动态绑定

遇到问题：当是个数组的时候，再methods去改变数组里对应的值，但是在视图上无法生效，如果是对象可以生效，例如{0: xxx, 1: xxx, 2: xxx}

如何实现：

这位大神的话是核心

 

如果直接去this.xxxx[key] = xxx是不行的，会改变data中的值但是不会改变视图，需要Vue.set或者$set去改变视图。至于为什么我猜测是和数组是引用类型有关，具体原因我后续会继续研究下

最后实现，颜色发生改变

此文档为自己记录开发中遇到的问题