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.