vue3中生命周期写法

在Vue3中，生命周期的写法有所改变。Vue3中引入了组合式API，通过使用`createApp`函数创建Vue实例，并使用`onBeforeMount`、`onMounted`、`onBeforeUpdate`、`onUpdated`、`onBeforeUnmount`、`onUnmounted`等生命周期钩子函数来定义相应的生命周期行为。例如：

import { createApp, onMounted, onUnmounted } from 'vue';

const app = createApp({
  // 组件选项
});

app.mixin({
  // 全局混入
});

app.component('my-component', {
  // 组件定义
  setup() {
    onMounted(() => {
      // 在组件挂载后执行
    });

    onUnmounted(() => {
      // 在组件卸载前执行
    });

    // 其他生命周期钩子函数
  },
});

app.mount('#app');

在上述代码中，我们使用`onMounted`钩子函数在组件挂载后执行一些操作，使用`onUnmounted`钩子函数在组件卸载前执行一些操作。除了这两个钩子函数，还有其他钩子函数可用于不同的生命周期阶段。