vue中对一些原生的数组方法进行了包裹,当改变原数组时会自动触发想对应的视图更新
1,会触发视图更新的一些方法:(其实就是一些可以改变原数组的方法)
- push() 尾部添加
- pop() 尾部删除
- shift() 头部删除
- unshift() 头部添加
- splice() 数组的添加 删除 替换
- sort() 数组的排序
- reverse()数组的翻转
2,不会触发视图更新的一些方法:
- filter() 数组的筛选过滤 会返回一个新的数组
- concat() 数组的拼接 会返回一个新的数组
- slice() 数组的切割 返回一个切割后的数组
对于那些不能改变原数组的一些方法,如果也想自动触发视图更新 ,我们可以用新的数组替换旧数组,举例如下:
可以直接对新的数组进行赋值,改变原数组;vue中也会触发视图更新:
example1.items = example1.items.filter(function (item) {
return item.message.match(/Foo/)
})