Vue--基本使用

基本使用，组件使用

1、指令、插值
2、computed和watch
computed有缓存
watch不能监听引用类型，如果需要监听的话，需要深度监听，如下所示：

image.png

高级特性

3、class和style
（1）使用动态指令

image.png

（2）驼峰命名

image.png

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

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

Vuex和Vue-router使用