VUE学习笔记四v-for遍历数组对象
< 返回列表时间: 2020-06-02来源:OSCHINA
v-for遍历数组 <li v-for ="(p, index) in persons " :key ="index" ><li>
用这个v-for时,后面最好跟一个 :key 这是标准,当然,不跟也行,只是不标准。
数组更新检测,
变更方法
Vue 将被侦听的数组的变更方法进行了包裹,所以它们也将会触发视图更新。这些被包裹过的方法包括: push() pop() shift() unshift() splice() sort() reverse()
理解这些这些方法,这是VUE对JavaScript原生的数组方法进行了重写,重写的目的是为了达到监视数组,以及数组元素的变化。从而达到当数组元素数据变化的时候,页面也相应的发生改变。说白了就是想达到监视数组变化,实现数据绑定的效果。
这些重写的方法内部执行过程,先调用原生JavaScript数组,再更新页面
其中seplice()方法比较强大,可以做增加,删除,修改三个操作。
热门排行