Vue.set() 响应式新增与修改数据

vue中不能检测到数组和对象的两种变化：

1. 数组长度的变化 vm.arr.length = 4
2. 数组通过索引值修改内容 vm.arr[1] = ‘aa’

Vue.$set(target,key,value)：
可以动态的给数组、对象添加和修改数据，并更新视图中数据的显示。

vue在构造函数new Vue()时，

就通过Object.defineProperty中的getter和setter 这两个方法，
完成了对数据的绑定。

所以直接通过vm.arr[1] = ‘aa’的方法，
无法修改值去触发vue中视图的更新，必须还得通过Object.defineProperty的方法去改变，

---

而Vue.$set（）就封装了js底层的Object.defineProperty方法。

Vue.set() 响应式新增与修改数据

网址：https://blog.csdn.net/qq_30455841/article/details/78666571

此时我们需要知道Vue.set()需要哪些参数，

官方API：Vue.set()

调用方法：Vue.set( target, key, value )

1. target：要更改的数据源(可以是对象或者数组)
2. key：要更改的具体数据
3. value ：重新赋的值