Vue --》this.$set()的神奇用法

Vue --》this.$set()的神奇用法

 

作为一名开发者，我们都知道：

　　data中数据，都是响应式。也就是说，如果操作data中的数据，视图会实时更新；

　　但在实际开发中，遇到过一个坑：若data中数据类型较为复杂，方法methods中改变对象的属性，视图也就是页面并不会改变

　  原因是vue监听不到数据类型特别复杂的属性。

研究了一下  可以使用this.$set()来进行强制更新，进而解决问题

　对象操作：

　三个参数：this.$set("改变的对象"，"改变的对象属性"，"值")

　数组操作：

 

　 三个参数：this.$set("数组"，"下标"，"值")