Vue生命周期
生命周期中的this指向vm或者组件实例对象
一般用的多的就mounted和beforeDestroy
挂载流程
new Vue()
-> beforeCreate
初始化生命周期和事件,但事件代理还未开始
无法通过vm访问data中的数据,methods中的方法
-> created
初始化数据监测、数据代理
可以通过vm访问data数据,以及methods中的方法
-> beforeMount
解析模板,生成虚拟dom,页面呈现的是未经编译的dom.
在这里操作的dom, 最终都不奏效,因为都会被挂载覆盖
可在这个钩子中打断点查看
-> mounted
页面展示解析好的dom内容,能够操作dom
更新流程
data changed
-> beforeUpdate
此时数据是新的,但是页面是旧的
即数据和页面尚未保持同步
新的虚拟dom和旧的虚拟dom比较
-> updated
数据是新的,页面也是新的
销毁流程
vm.$destroy
-> beforeDestroyed
一般用于清除定时器,取消事件订阅
完全销毁一个实例,清理它与其他实例的链接,解绑他的全部指令及自定义事件监听器
-> destroyed
路由钩子
后续补充