Vue生命周期

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

路由钩子

后续补充