数组更新检测

变异方法(具有更新检测的数组方法)

vue 包含一组观察数组的变异方法,所以它们也将会触发视图更新。

这些方法如下:push()  、pop()  、shift()  、unshift()  、splice()  、sort()  、reverse(),只要这些方法操作更新了数据,视图就会跟着更新

这些方法操作的都是原数组,不会返回新数组

变异方法(不具有更新检测的数组方法)

不是所有的方法都可以数据同步更新的,比如下面这几个方法:filter(),concat(),slice()

这几个方法都不是操作的原数组,会返回一个新的数组

还有如果是更改原有数组里面的值也不会更新视图或者改变数据的长度

更新检测数组内的数据变化的方法

如果要使用修改数据内容的方式来更新视图的话,可以使用vue提供的一个set()方法

第一个参数:要修改的那个数组,第二个参数:数组的角标(也就是数组的第几项),第三个参数:新的数据

点击按钮的时候,数据视图会更新,另外需要注意的是,这种方法更改数组的数据,需要写全:比如数组中第一个对象里的属性都要写全,不然会默认为空

原文地址:https://www.cnblogs.com/LO-ME/p/10481750.html