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

网友评论