本文探讨了Vue中如何监听数组变化，通过示例展示了Vue如何正确响应数组的`splice`和`push`操作，同时也指出当使用索引直接修改数组项或改变数组长度时Vue无法监听到变化的问题，并提供了相应的应对方法。
一、vue监听数组
vue实际上可以监听数组变化，比方
data () {
return {
watchArr: [],
};
},
watchArr (newVal) {
console.log('监听：' + newVal);
},
created () {
setTimeout(() => {
this.watchArr = [1, 2, 3];
}, 1000);
},
在比方运用splice(0,2,3)从数组下标0删除两个元素，并在下标0插进去一个元素3
data () {
return {
watchArr: [1, 2, 3],
};
},
watchArr (newVal) {
console.log('监听：' + newVal);
},
created () {
setTimeout(() => {
this.watchArr.splice(0, 2, 3);
}, 1000);
},
push数组也可以监听到
二、vue没法监听数组变化的状况
然则数组在下面两种状况下没法监听
应用索引直接设置数组项时，比方arr[indexofitem]=newValue
修正数组的长度时&
最低0.47元/天 解锁文章
583
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
