1. 程式人生 > >Vue中使用set方法過程的一個小發現

Vue中使用set方法過程的一個小發現

http://blog.csdn.net/denl0918/article/details/54292262

vue教程中有這樣一個注意事項:

第一種具體情況如下:

執行結果:

當利用索引改變陣列某一項時,頁面不會重新整理。解決方法如下:

執行結果:

三種方式都可以解決,使用Vue.set、vm.$set()或者陣列的splice方法。或者用 vm = JSON.parse(JSON.stringify(vm))

 

在做專案的過程中,有個發現,先上程式碼:

第一個陣列通過利用下標改變第二項,第二個陣列使用$set()方法改變第二項,根據上面的程式碼,我們會知道:第一個陣列的第二項改變不會在頁面更新,只有第二個陣列的更改會在頁面更新。然而結果卻是:

兩個陣列的的改變都在頁面更新了。。

也就是說,$set()方法呼叫時,頁面會全部更新一遍。