arr.splice(index,1,newp),删除长度为1,下标为index的arr中元素,并增加newp这个元素。
改变数组后,双向绑定。
一、Vue的数据绑定如何实现
this.persons[index] = newp 数据改变 视图不会改变 没有改变persons的值,只是改变了下标的属性
this.persons[index].name = newp.name 数据改变 视图更新
this.person.splice(index,1,newp) 数据改变 视图更新
this.person = [],数据改变 视图更新
1:vue会监视data中所有层次的属性 set方法监视
2:对象中的属性数据通过添加set方法来实现监视
3:数组中的元素也实现了监视:重写数组一系列更新元素方法
1)调用原生对应的方法对元素进行处理
2)去更新界面
(Vue文档数组变化检测中,Vue将观察数据的变化数组方法包裹起来---(Vue重写了数组的方法)以便在调用这些方法时,能够触发视图更新。)
push() pop()删除最后的元素 shift()添加第一位 unshift()删除第一位 splice()删改 sort()排序 reverse()翻转倒序