vue实例的生命周期
-
vue生命周期?
vue实例从创建到销毁的过程,就是vue的生命周期
-
vue生命周期函数?
vue的生命周期分为8个阶段:创建前后,载入前后,更新前后,销毁前后
-
vue生命周期的各个阶段的具体情况?
-
beforeCreate(创建前)
实例完全被创建之前,vue实例的挂在元素$el和数据对象data都为undefined,还未初始化
-
created(创建后)
可以访问data,但dom未生成,$el未存在
-
beforeMount(挂载前)
vue实例的$el和data已初始化,虚拟的dom节点,模板已经在内存中编辑完成,但是还未把页面渲染到页面中
-
mounted(挂载后)
内存中的模板真实的挂载到了界面中,DOM渲染就完成了
-
beforeUpdate(更新前)
当data变化时,会触发beforeUpdate方法,此时,数据还未实现一致
-
updated(更新后)
此时页面和数据已经保持一致了
-
beforeDestory(销毁前)
销毁之前回调,此时实例仍然可用
-
destroyed(销毁后)
vue实例已解除事件监听和dom绑定,但是dom结构依然存在
具体的声明周期流程如下图:
-