vue3组件生命周期

112 阅读1分钟

生命周期是对于组件(在vue中的每一个.vue文件都可以称为一个组件)的一个概念。

为什么会有生命周期,这是一个比较抽象的概念,组件跟人相类似,从出生到销毁都有一个过程,把这一个过程就叫做生命周期。

在对于.vue文件这样的一个过程,做一些这个过程的事情。

这个就是组件生命周期以及它的作用。

生命周期函数

setup(() => {}):开始创建组件之前,创建的是data和method,在beforeUpdated()和Updated()之前执行

onBeforeMount(() => {}):dom创建前执行,这个时候在该函数内部获取页面dom元素会返回udefined
onMounted(() => {}):dom创建之后,这个时候在该函数内部可以获取页面dom元素

onBeforeUpdate(() => {}):页面数据更新变化前执行
onUpdated(() => {}):页面数据更新变化后执行

onBeforeUnmount(() => {}):用v-if来模拟组件的销毁过程
onUnmounted(() => {})