defineprops使用

`defineProps` 是 Vue 3 中使用的一个 API，用于定义组件 props。与 Vue 2 中使用 `props` 对象不同，`defineProps` 使用一个函数来定义 props，这个函数返回一个包含所有 props 的对象。

示例代码：

import { defineComponent, defineProps } from 'vue'

const MyComponent = defineComponent({
  props: defineProps({
    // 定义 name 和 age 两个 props
    name: String,
    age: Number,
  }),

  setup(props) {
    // 使用 props
    console.log(props.name) // 输出传递进来的 name 值
    console.log(props.age) // 输出传递进来的 age 值

    return {}
  }
})

在上面的示例中，我们使用 `defineProps` 定义了 `name` 和 `age` 两个 props，类型分别为 `String` 和 `Number`。在组件的 `setup` 函数中，我们可以通过 `props` 参数获取到这些 props 的值，并进行使用。