基本使用，组件使用
1、指令、插值
2、computed和watch
computed有缓存
watch不能监听引用类型，如果需要监听的话，需要深度监听，如下所示：
image.png
高级特性
3、class和style
（1）使用动态指令
image.png
（2）驼峰命名
image.png
4、条件渲染
（1）v-if和v-show的区别？
（2）使用场景？
5、循环（列表）渲染
（1）如何遍历对象？----也可以使用v-for
（2）key的重要性。key不能乱写，不能使用index，要和业务相关的id
（3）v-for和v-if不能一起使用
6、事件
（1）event参数，自定义参数
event是原生的；事件被挂载到当前元素
event.target event.CurrentTarget
（2）事件修饰符
image.png
image.png
7、表单
（1）v-model
8、Vue组件使用
（1）props和on绑定事件 $off解绑事件
image.png
$emit触发事件
image.png
（2）组件间通讯-自定义事件
（3）组件生命周期
挂载阶段beforeCreate Create beforeMount Mount
create和mounted区别？mounted 渲染完成，created开始创建，未渲染
更新阶段updated
销毁阶段 beforeDestroy
父子组件间的生命周期？
created是从父到子，mounted是从子到父
image.png
更新阶段：
image.png
