vue3setup语法糖中使用生命周期

在 Vue 3 中，使用 setup() 语法糖定义组件时，可以使用 onMounted() 和 onUnmounted() 这两个函数来实现生命周期的功能。

onMounted() 函数可以在组件挂载后执行一些操作，例如发送请求、初始化数据等。示例代码如下：

import { onMounted } from 'vue'

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

    return {}
  }
}

onUnmounted() 函数可以在组件卸载前执行一些操作，例如清空定时器、释放资源等。示例代码如下：

import { onUnmounted } from 'vue'

export default {
  setup() {
    onUnmounted(() => {
      // 组件卸载前执行的操作
    })

    return {}
  }
}

除了 onMounted() 和 onUnmounted()，Vue 3 还提供了其他的生命周期函数，例如 onUpdated()、onBeforeMount()、onBeforeUpdate()、onBeforeUnmount() 等，可以根据需要选择使用。