首页 > 技术文章 > Vue生命周期函数

mo-jian-ming 2020-08-31 17:47 原文

beforeCreate 用来初始化非响应变量,不能访问方法和数据

created钩子 实例创建完成,可以访问数据,但未挂载到DOM

beforeMount 将el指定作用域作为模板编译成render函数

mounted 实例挂载到DOM上,此时可以通过DOM api获取到DOM节点。

beforeUpdate 响应式数据更新时调用,data变化了,但页面未变化

updated 虚拟dom重新渲染和打补丁之后调用,组件dom已经更新,可执行依赖dom的操作

beforeDestory 实例销毁之前调用,这一步实例仍然可以使用,this仍然可以获取实例

destoryed 实例销毁之后调用,调用后,Vue实例指示的所有东西都会解绑,所有事件监听器都会被移除,所有子实例也会被销毁

推荐阅读