## 1.v-for相关知识

### 1.1更新检测

- 改变原数组的方法会导致更新，pop,push,shift,unshift,reverse,sort,splice
- slice.filter,concat不会触发v-for更新，可以采用赋值给数组的方法更新
- 赋值给数组元素不会更新，可以采用this.$set(数组，index,新增的元素)

### 1.2一些概念

- 虚拟DOM:包含DOM主要信息的js对象

- key:有key 按照key进行更新，无就地更新，key有id选id,无就选index

- diff算法：新旧虚拟DOM比较 ：

​ 1.如果根元素改变，删除重建

​ 2. 根元素不改变，保留根元素，新增属性

### 1.3动态样式

- :class="{类名: 布尔值}" 添加动态类名，可多写几个键值对
- :style="{css属性: 值}" 值可以是配置的变量也可以是属性值（字符串）

### 1.4过滤器

- 全局过滤器：Vue.filter("过滤器名", (值) => {return "返回处理后的值"}) 要求return
- 局部过滤器：filters: {过滤器名字: (值) => {return "返回处理后的值"} 要求return
- 多个过滤器 ：vue变量 | 过滤器1 | 过滤器2
- 过滤器传参: vue变量 | 过滤器(实参) 定义过滤器的时候需要用两个形参