set()用法，vue

1、vue.set（）基本方法介紹

使用vue的set()方法可以實現改變數據並立刻將新數據渲染在網頁上的目的（響應式）。該方法可以應用於數組和對象類型

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

vm.items ：代表源數據

indexOfItem : 代表要修改的數據的鍵

newValue : 代表要修改的數據的新值

2、使用方式

// 方式一Vue.set(源數據,要修改的鍵,新值)// 方式二：使用this或vm的Vue實例對象vm.$set(源數據,要修改的鍵,新值)

舉例

修改李四的 age 為 19 ，如果直接修改，vue是獲取不到的，需要藉助 $set 來手動觸發改變

1）源數據：

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

2）要修改的數據的鍵：

//a數組的下標112

3）要修改的數據的新值（修改後的數據）：

a[1].age = 191

4）使用set：

Vue.set(a,1,a[1]) //修改了對象的屬性值Vue.forceUpdate() //也可以用這個方法手動觸發視圖更改