vue3组件的生命周期

vue3 组件的生命周期是指一个组件从创建到销毁的整个过程。这个过程中，组件会经历几个不同的阶段，每个阶段会触发不同的生命周期函数。

在 vue3 中，组件的生命周期函数有：

• beforeCreate: 组件实例刚刚被创建时，此时组件的响应式数据和事件还未初始化
• created: 组件实例已经创建完毕，响应式数据和事件已经初始化，但组件的 DOM 还未挂载
• beforeMount: 组件的 DOM 已经被挂载，但数据还未渲染
• mounted: 组件的 DOM 已经渲染完毕
• beforeUpdate: 组件的响应式数据发生变化，但组件的 DOM 还未更新
• updated: 组件的响应式数据和 DOM 都已经更新完毕
• beforeUnmount: 组件的 DOM 即将被销毁
• unmounted: 组件的 DOM 已经被销毁

你可以在组件的选项中定义这些生命周期函数，当组件经历对应的生命周期时，这些函数就会被调用。例如：

``` const component = { beforeCreate() { console.log('beforeCreate'); }, created() { console.log('created'); }, beforeMount() { console.log('beforeMount'); }, mounted() { console.log('mounted'); }, beforeUpdate() { console.log('beforeUpdate'); }, updated() { console.log('updated'); }, beforeUnmount() { console.