vue3基础（1）

夕心o

已于 2022-08-03 22:47:19 修改

阅读量214

点赞数

分类专栏： vue3 文章标签：前端 vue

于 2022-08-03 22:34:31 首次发布

本文链接：https://blog.youkuaiyun.com/qq_38779317/article/details/126150318

版权

vue3 专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了Vue3的生命周期函数，包括onBeforeMount、onMounted等，并强调了每个阶段在组件创建、挂载、更新和销毁过程中的作用。同时，讨论了Vue3中组合式API的抽离封装，允许开发者将功能模块化，提高代码复用性和组织性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// vue3 生命周期函数
	(1) onBeforeMount 在挂载开始之前被调用
	(2) onMounted 组件挂载时调用
	(3) onBeforeUpdate 数据更新时调用
	(4) onUpdate 数据更改导致的虚拟 DOM 重新渲染, 在这之后会调用该钩子
	(5) onBeforeUnmount 在卸载组件实例之前调用
	(6) onUnmounted 卸载组件实例后调用
	(7) onErrorCaptured 到捕获一个来自子孙组件的错误时被调用
	
	注意： 生命周期函数在使用之前, 都要被引用

// vue 应用程序中有4个主要事件
	(1) 创建 --- 在组件创建时执行
	(2) 挂载 --- DOM 被挂载时执行
	(3) 更新 --- 当响应数据被修改时执行
	(4) 销毁 --- 在元素被销毁之前立即执行

// vue3 的抽离封装
	vue3 中的任何一个组合式 api 都可以单独抽离出去在另一个文件, 最后只需要回归到 setup() 中即可