Javascript 数组对象自带的方法,有些直接改变原数组,成为变异方法,生成新值成为非变异
例如:push()、pop()、shift()、unshift()、splice()、sort()、reverse()等就是变异方法
var app = new Vue({
data: {
items: ['a', 'b', 'c'],
},
});
//如下方法能改变Vue中的值,但是不能触发视图更新
app.items[1] = 'x'; // 不是响应性的
app.items.length = 2; // 不是响应性的
//可以使用Vue的set方法或者使用变异方法
// Vue.set
Vue.set(vm.items, indexOfItem, newValue);
// Array.prototype.splice,或者使用变异方法
vm.items.splice(indexOfItem, 1, newValue);