Vue3.x----生命周期

一、回顾vue2.x生命周期钩子函数:

1.beforeCreate 

2.created ----进行异步操作,触发一次

3.beforeMount

4.mounted----操作DOM的最早时机

5.beforeUpdate

6.updated----操作最新的DOM元素,多次触发

7.beforeDestroy

8.destroyed

二、认识vue3.0生命周期钩子函数

1.setup 创建实例前

2.onBeforeMount  挂载DOM前

3.onMounted 挂载DOM后

4.onBeforeUpdate 更新组件前

5.onUpdated 更新组件后

6.onBeforeUnmount 卸载销毁前

7.onUnmounted  卸载销毁后

代码演示

总结:

1.Vue3生命周期的函数发生了变化

2.去掉两个:beforeCreate和created,添加了setup

3.方法名称发生变化:方法名称前面多了个on,中间是驼峰式的

4.卸载组件的生命周期变化:onBeforeUnmount 、onUnmounted

5.同一个生命周期可以触发多次

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容