目录
- 生命周期
- 创建阶段
- 运行阶段
- 销毁阶段
- 提示
生命周期
- 什么是生命周期:从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期!
创建阶段
- Init :初始化了一个空的Vue实例对象,data和methods中的数据还没被初始化
-
beforeCreate
生命周期函数 - Init :初始化data和methods
-
created
生命周期函数,(此时开始,可以操作data中的数据和methods中的方法) - Compile :编译模板,把Vue实例中的那些指令执行,最终在内存中生成一个编译好的模板字符串,此时,只是在内存中渲染好了模板,还未挂载到页面。
-
beforeMount
生命周期函数 - Create and replace :将内存中编译好的模板,替换到浏览器页面中去。
-
mounted
生命周期函数,(此时开始,dom节点操作会生效) - 执行完mounted,则Vue实例创建完毕,进入运行阶段。
运行阶段
- when data changes :当数据发生改变时,才会调用运行阶段的两个生命周期函数,此时页面中的数据还是旧的,data中数据是最新的,两者尚未同步。
-
beforeUpdate
生命周期函数 - Virtual DOM re-render and patch :根据data中的最新数据,在内存中重新渲染一份最新的DOM树,再将最新的DOM树渲染到页面。
-
updated
生命周期函数 - 待页面关闭,进入销毁阶段,开始执行beforeDestory函数。
销毁阶段
-
beforeDestory
生命周期函数,(此时,Vue实例的data,methods....等,还处于可用状态) - Teardown :拆卸销毁组件,(此时,Vue实例的data,methods....等,都不可用)
-
beforeDestory
生命周期函数
提示
生命周期钩子 = 生命周期函数 = 生命周期事件