Vue 3 中如何获取 defineProps 传递的值

在 Vue 3 中，可以通过 props 属性来定义组件的属性，并通过 defineProps 来接收这些属性的值。

当父组件向子组件传递属性时，子组件可以通过在 defineProps 中定义与 props 属性相同的属性名来接收这些属性的值。

例如，假设父组件向子组件传递了一个名为 'title' 的属性，子组件可以通过以下方式定义这个属性并获取它的值：

import { defineComponent, defineProps } from 'vue'

export default defineComponent({
  props: {
    title: String
  },
  setup(props) {
    const { title } = defineProps({
      title: props.title
    })
    // 在这里可以使用 title 变量，它的值为父组件传递的 title 属性的值
  }
})

在上面的代码中，我们将父组件传递的 title 属性赋值给了 defineProps 中定义的 title 属性，并通过解构赋值的方式将它的值赋给了一个名为 title 的变量，以便在 setup 函数中使用。