尚硅谷vue - 6 列表渲染
1. 基本操作
关键字:v-if="p in pArr"
1. 数组操作
2. 对象操作
3. 字符串等(略)
2. key的作用与原理
key是列表的索引,最好用id
![](https://img2022.cnblogs.com/blog/1815864/202201/1815864-20220123100440094-1575141707.png)
3. 一个问题
1. 使用arrObj[0] = '333' 格式进行赋值的时候,是不会被vue监测到的,其页面上不会做响应的修改
应该用arrObj.slice(),push(),shift()等方法(7种)对其进行更新
2. 对于对象,使用vue.set()对对象进行添加属性才可以被vue监测到。(也可以对数组使用vue.set(), key表示索引,val表示新的值)
3. 有getter和setter的属性和变量是响应式,前端页面数据发生变化,首先触发getter,setter,这个过程叫做数据劫持
![](https://img2022.cnblogs.com/blog/1815864/202201/1815864-20220126163309993-1921350043.png)