vue中 Vue.set 的使用

Vue.set(vm.items, indexOfItem, newValue)

1、vm.items ：源数据；
2、indexOfItem : 要修改的数据的键
3、newValue : 要修改的数据

let a = [
    {name:'张三',age:'20',sex:1},
    {name:'李四',age:'21',sex:0},
    {name:'王五',age:'22',sex:1},
]

 

此时要修改李四的  age 为 19 ，如果直接修改，vue是获取不到的，就需要借助 $set 来手动触发改变。

 

a[1].age = 19;//此时可以知道修改完后的数据的键是 1 所以：

Vue.set(a,1,a[1]);//就可以改了
这时候 a 是源数据， 1 是键， a[1]是修改后的数据

 

　Vue.forceUpdate(); //也可以用这个方法手动触发视图更改