vue中怎么检测对象和数组的变化-创新互联

这篇文章将为大家详细讲解有关vue中怎么检测对象和数组的变化，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。

检测对象变化

1、不能检测到对象属性的添加或删除

var vm = new Vue({
 data:{
   data111:{
     a = 1
   }
 }
})

data111.a = 2;//这个可以引起变化

但data111.b = 2；和vm.b = 2这个不能检测到变化

需要用

Vue.set(object, key, value)

比如$set(data111, b, 2);

或者：

$set(key,value)

比如vm.$set(‘b', 2)；

检测数组变化

下面两种情况不能检测到变化：

1、直接通过索引设置元素，如arr[0]=12;

2、直接修改数组的长度，如vm.arr.length

Vue.set( object, key, value )

用法：

this.$set(this.arr,0,12)

关于vue中怎么检测对象和数组的变化就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。