在vue3和ts 中 怎么使用onmounted

在 Vue 3 中，你可以使用 `onMounted` 函数来注册 `mounted` 生命周期钩子函数。同时，在 TypeScript 中，你可以使用类型定义来声明组件属性和方法的类型。下面是一个示例：

import { defineComponent, onMounted } from 'vue'

export default defineComponent({
  name: 'MyComponent',

  props: {
    message: String
  },

  mounted() {
    console.log('Component mounted.')
  },

  setup(props) {
    onMounted(() => {
      console.log(`Message: ${props.message}`)
    })

    return {}
  }
})

在这个示例中，我们使用 `defineComponent` 函数来定义一个名为 `MyComponent` 的 Vue 组件。在组件的 `props` 选项中，我们声明了一个名为 `message` 的字符串类型的属性。在组件的 `mounted` 钩子函数中，我们输出了一条消息。在组件的 `setup` 函数中，我们使用 `onMounted` 函数来注册一个回调函数，在组件挂载后输出 `message` 属性的值。同时，我们还需要在 `setup` 函数中返回一个空对象。

需要注意的是，`setup` 函数必须返回一个对象，这个对象中可以包含组件中使用的属性和方法。在这个示例中，我们没有定义任何属性和方法，所以直接返回了一个空对象。