先说vue2 的生命周期:
1.beforeCreate:
创建之前:所有的都是undefined
2.created创建完成:
el还是undefined,此时数据已经存在
3.beforeMount挂载之前:
找到挂载点,但是数据还没有被解析
4.mounted挂载完成:
找到挂载点,数据被解析,渲染页面完成.到此处就可以开发轮播图,计时器.延时器.发我ajax请求/.
5.beforeUpdate更新之前:
数据已经是最新的,此处指的是页面再次渲染之前.
6.updated更新完成:
数据已经是最新的,此处指的是页面再次渲染完成.
7.beforeDestroy销毁之前
8.destroyed销毁完成
vue3 的生命周期:
1、setup:-----> 等价于vue2中的beforeCreate和create,如果这三个钩子同时执行,就会发现setup在beforeCreate和create之前就已经执行。
2、onBeforeMount() : 组件挂载到节点上之前执行的函数;
3、onMounted() : 组件挂载完成后执行的函数;
4、onBeforeUpdate(): 组件更新之前执行的函数;
5、onUpdated(): 组件更新完成之后执行的函数;
6、onBeforeUnmount(): 组件卸载之前执行的函数;
7、onUnmounted(): 组件卸载完成后执行的函数;
8、onActivated(): 被包含在 <keep-alive> 中的组件,会多出两个生命周期钩子函数,被激活时执行;
9、onDeactivated(): 比如从 A 组件,切换到 B 组件,A 组件消失时执行;
10、onErrorCaptured(): 当捕获一个来自子孙组件的异常时激活钩子函数。