vue中的数组监测

详细解释:http://www.cnblogs.com/zhuzhenwei918/p/6893496.html

vue中数组的操作总结：
一、根据索引设置元素：
1、调用$set方法：

this.arr.$set(index, val);
  
  
1

2、调用splice方法：

this.arr.splice(index, 1, val);
  
  
1

二、合并数组：

this.arr = this.arr.concat(anotherArr);
  
  
1

三、清空数组：

this.arr = [];
  
  
1

四、主要的数组方法：
1、变异方法（修改了原始数组），vue为触发视图更新，包装了以下变异方法：

push()
pop()
shift()
unshift()
splice()  //无论何时，使用该方法删除元素时注意数组长度有变化，bug可能就是因为她
sort()
reverse()
  
  
1
2
3
4
5
6
7

2、非变异方法（不会修改原始数组而是返回一个新数组），如concat()、filter()，使用时直接用新数组替换旧数组，如上面的合并数组例子。

五、注意：

//以下操作均无法触发视图更新
this.arr[index] = val;
this.arr.length = 2;  
  
  
1
2
3

详细了解请参考vue官方文档数组变动检测。