尚硅谷vue - 6 列表渲染

1. 基本操作

关键字：v-if="p in pArr"
1. 数组操作
2. 对象操作
3. 字符串等（略）

 2. key的作用与原理

key是列表的索引，最好用id

 

 

 

 

 3. 一个问题

1. 使用arrObj[0] = '333' 格式进行赋值的时候，是不会被vue监测到的，其页面上不会做响应的修改
应该用arrObj.slice(),push(),shift()等方法（7种）对其进行更新
2. 对于对象，使用vue.set()对对象进行添加属性才可以被vue监测到。（也可以对数组使用vue.set(), key表示索引，val表示新的值）
3. 有getter和setter的属性和变量是响应式，前端页面数据发生变化，首先触发getter，setter，这个过程叫做数据劫持