vue3中生命周期on写法

在 Vue 3 中，生命周期钩子函数 "mounted" 的写法有所改变。在 Vue 2 中，我们可以使用 `mounted` 钩子函数来在组件挂载后执行相关的操作。而在 Vue 3 中，我们需要使用 `onMounted` 函数来实现类似的功能。

具体的写法如下所示：

import { onMounted } from 'vue'

export default {
  setup() {
    onMounted(() => {
      // 在组件挂载后执行的操作
    })
  }
}

`onMounted` 函数接受一个回调函数作为参数，在组件挂载后会自动执行这个回调函数中的代码。

除了 `onMounted`，其他生命周期钩子函数的写法也发生了变化。例如，`created` 钩子函数可以使用 `onBeforeMount` 来实现，`beforeDestroy` 可以使用 `onBeforeUnmount`，`destroyed` 可以使用 `onUnmounted`。

需要注意的是，在 Vue 3 中，由于 Composition API 的引入，我们需要使用 `setup` 函数来编写组件逻辑，并且生命周期钩子函数也要在 `setup` 函数内部使用。