Vue 生命周期


 

 1 beforeCreate() 创建前,这个时候data中的数据,还未定义,所以不能使用
 2 created()创建后 最早开始使用 data和methods中数据的钩子函数
 3 
 4 beforeMount()挂载前 指令已经解析完毕内存中已经生成dom树,但是尚未挂载到页面中去,此时页面还是旧的。
 5 mounted()挂载后 dom已经渲染完毕,此时页面和内存中都是最新的数据,最早可以操作DOM元素钩子函数
 6 
 7  beforeUpdate()更新前 当视图层的数据发生改变会执行这个钩子 内存更新,但是DOM节点还未更新,数据没有与页面同步
 8  updated()更新后 数据更新完成以后触发的方法,DOM节点已经更新
 9 
10  beforeDestroy()即将销毁 data和methods中的数据此时还是可以使用的,可以做一些释放内存的操作
11  destroyed()销毁完毕  组件已经全部销毁,Vue实例已经被销毁,Vue中的任何数据都不可用
12 
13  其他三个:
14 activated  被 keep-alive 缓存的组件激活时调用。
15 deactivated 被 keep-alive 缓存的组件停用时调用。
16 errorCaptured 2.5.0+ 新增当捕获一个来自子孙组件的错误时被调用
17 
18 Vue3.0中的生命周期做了一些改动:
19 beforeCreate  -> setup()    开始创建组件之前,创建的是data和method
20 created       -> setup()
21 beforeMount   -> onBeforeMount  组件挂载到节点上之前执行的函数。
22 mounted       -> onMounted  组件挂载完成后执行的函数
23 beforeUpdate  -> onBeforeUpdate 组件更新之前执行的函数。
24 Update        - > onUpdated组件更新完成之后执行的函数。
25 beforeDestroy -> onBeforeUnmount    组件挂载到节点上之前执行的函数。
26 destroyed     -> onUnmounted    组件卸载之前执行的函数。
27 
28 
29 - vue的实例加载完成是在哪个声明周期完成呢
30   beforeCreate
31 - vue的dom挂载完成是在哪个声命周期里呢
32   mounted
       

相关