vue学习-列表渲染

tech2025-09-09  38

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()翻转倒序

 

最新回复(0)