一、vue監聽數組的變化:
1、vue能夠監聽數組變化的場景
【1】通過賦值的形式改變正在被監聽的數組;
【2】通過splice(index,num,val)的形式改變正在被監聽的數組;
【3】通過數組的push的形式改變正在被監聽的數組;
2、vue無法監聽的數組變化的場景
【1】通過數組索引改變數組元素的值;
【2】改變數組的長度;
3、VUE解決無法監聽數組變化的方法
【1】this.$set(arr, index, newVal);
【2】通過splice(index,num,val)
【3】使用臨時變量作為中轉,重新賦值數組;
二、vue監聽對象的變化
1、vue能夠監聽到對象變化的場景
【1】通過直接賦值的場景。eg:watchObj = {name:"zyk"}
2、vue無法監聽到對象變化的場景
【1】對象的增加、刪除、修改無法被vue監聽到
3、VUE解決無法監聽對象變化的方法
【1】使用 this.$set(object, key, value)(vue 無法監聽 this.set 修改原有屬性)
【2】使用Object.assign(),直接賦值的原理;(推薦使用)
————————————————
版權聲明:本文為CSDN博主「zyk_520」的原創文章,遵循CC 4.0 BY-SA版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/qq_15509267/article/details/88086810