Vue2中通过索引修改数组是否具有响应式
2023-08-20 本文已影响0人
扶得一人醉如苏沐晨
先说结论
- 用
索引值改变数组数据不是响应式的 - 通过
索引修改某一项的对象的内部的属性是可以实现响应式
var vm = new Vue({
el: '#app',
data: {
// 数组类型的类型
list: ['apple', 'orange', 'banana', { a: 123 }],
}
});
vm.list[1] = 'lemon'; // 用索引值改变数组数据不是响应式
vm.list[3] = {b:789} // 用索引值改变数组数据不是响应式的
vm.list[3].a = 456 // 通过索引修改某一项的对象的内部的属性是可以实现响应的改变的
