III Vue 基础

mvc

mvvm

生命周期

生命周期	描述
beforeCreate
created
beforeMount
mounted
beforeUpdate
updated
beforeDestroy
destroyed

其他

v-for v-if 优先级

vue2: v-for 优先级高于v-if当两者存在于同一dom节点时，v-if作用于其子节点。

vue3: v-if都作用于当前dom节点，v-if优先级高于v-for

dom diff

关于dom节点上的key

1. 不要使用index。因为index顺序始终不会变，当使用index作为key且dom顺序发生变化后，将有可能使得错误的渲染结果出现。

2. 尽量不要用random值，random值使得每次生成节点的key都是变化的，就导致了每次都会重新渲染dom，那么diff就是去了其原本的意义与价值。

3. 尽量使用静态的值，即这个key只会对应这个节点，或者说这个key对应的渲染结果始终是这个。

模版语法

{{ }}内可以填充任意JavaScript表达式

7MB

Vue基础.pdf

pdf