Vue生命周期

创建阶段:

Vue生命周期从初始化事件和生命周期开始,在这一阶段提供一个beforeCreate钩子函数;然后往下进行数据监测,监听器配置等;接下来会遇到一个created钩子函数;接着把模板(template)编译到render,如果没有模板就会跳过这一步。然后会提供一个beforeMount钩子函数;继续往下走,生成虚拟DOM,挂载真实DOM,接着会提供一个mounted钩子函数,在该函数内可进行异步请求,DOM操作,添加定时器等,但不承诺子组件也已经挂载到真实DOM中。如果要操作DOM需在nextTick的回调中进行。

更新阶段:
beforeUpdate之后和beforeMount之后的经历是一样的,也会生成虚拟DOM,并挂载真实DOM,updated相当于mounted

销毁阶段:
beforeDestroyed钩子函数要清除定时器,第三方插件(如echarts)等。

Vue生命周期_第1张图片
vue生命周期.jpg

你可能感兴趣的:(Vue生命周期)