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