## 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变量 | 过滤器(实参) 定义过滤器的时候需要用两个形参