vue3 setup使用props

在Vue 3的setup函数中，可以使用defineProps来定义props。定义props时需要传入一个对象，对象的属性名是props的名称，属性值是对应的类型。例如，如果想定义一个名为text的props，类型为字符串，可以使用以下语法：

import { defineProps } from 'vue'

const props = defineProps({
  text: String
})

在setup函数中，可以通过toRefs将props转换为响应式的数据。toRefs将props中的每个属性转换为一个ref对象，这样可以在模板中使用ref对象的value属性来获取props的值。例如，想在模板中使用text的值，可以使用以下语法：

import { toRefs } from 'vue'

const { text } = toRefs(props)

然后就可以在模板中使用ref对象的value属性来获取text的值，例如：

<template>
  <div>
    {{ text.value }}
  </div>
</template>

这样就可以在Vue 3的setup函数中使用props了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [【vue3】vue3 setup如何使用props？](https://blog.csdn.net/qq_39576711/article/details/123576253)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]