vue实例的生命周期

vue实例的生命周期

1. vue生命周期?

   vue实例从创建到销毁的过程，就是vue的生命周期

2. vue生命周期函数?

   vue的生命周期分为8个阶段:创建前后,载入前后,更新前后,销毁前后

3. 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结构依然存在

     具体的声明周期流程如下图：