vue.set()用法是什么呢？不知道的小伙伴來看看陽泰小編今天的分享吧!

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

使用vue的set()方法可以實現(xiàn)改變數(shù)據(jù)并立刻將新數(shù)據(jù)渲染在網(wǎng)頁上的目的（響應式）。該方法可以應用于數(shù)組和對象類型

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

• vm.items ：代表源數(shù)據(jù)

• indexOfItem : 代表要修改的數(shù)據(jù)的鍵

• newValue : 代表要修改的數(shù)據(jù)的新值

2、使用方式

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

舉例

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

1）源數(shù)據(jù)：

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

2）要修改的數(shù)據(jù)的鍵：

//a數(shù)組的下標112

3）要修改的數(shù)據(jù)的新值（修改后的數(shù)據(jù)）：

a[1].age?=?191

4）使用set：

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