這次帶給大家vue.js中$set怎麼給陣列更新#，vue.js中$set給陣列更新的注意事項有哪些，下面就是實戰案例，一起來看一下。
由於JavaScript 的限制，Vue 無法偵測下列變動的陣列：
當利用索引直接設定陣列的某一項時，例如：vm.items[indexOfItem] = newValue
#當你修改陣列的長度時，例如：vm.items.length = newLength，不會更新陣列。
當然vue中給了解決方法，就是使用Vue.set, vm.$set(Vue.set的變種寫法)或者splice，caoncat等修改數組，同時也會觸發狀態更新：
ex：
#所以如果在實例建立後新增新的屬性到實例上，則不會觸發更新。
ps：現在有兩個數組，分別為arr1，arr2，如果arr1以下標賦值改變數組，arr2以$set改變數組，結果是什麼樣呢？
data:{
arr1 = ['a','b','c'];
arr2 = [‘foo','bar','baz'];
}
vm.arr1[1] = 'alpha';
vm.$set(vm.arr2, 1, 'alpha');根據開始我們說的根據下標索引改變數組不能觸發狀態更新，我們會知道：第一個數組的第二項改變不會在頁面更新，只有第二個數組的更改會在頁面更新。然而結果卻是：
arr1 = ['a', 'alpha', 'b', 'c']; arr2 = [‘foo', 'alpha', 'bar','baz'];
兩個陣列的值都更新了，也就是說，arr2用$set()方法更新時，頁面會全部更新一遍。
相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
推薦閱讀：
以上是vue.js中$set怎樣給數組更新的詳細內容。更多資訊請關注PHP中文網其他相關文章！
