VUE关于data对象中数组修改和对象添加属性的响应式问题

Posted 2021-03-25 lianchenxi

数组：

根据VUE官网：

 

 

数组修改：

　　修改数组某个元素的值：

　　　　Vue.set(this.items, indexOfItem, newValue)；

　　　　this.$set(this.items, indexOfItem, newValue);

　　　　this.items.splice(indexOfItem, 1, newValue);

　  修改数组的长度：vm.items.splice(newLength)；

 

对象：

　　给数组新添加响应式属性：

　　　　Vue.set(vm.userProfile, ‘age‘, 27);

　　　　vm.$set(vm.userProfile, ‘age‘, 27);

　　同时添加多个属性：

　　　　vm.userProfile = Object.assign({}, vm.userProfile, { age: 27, favoriteColor: ‘Vue Green‘ })