vue3中defineprops的使用

在Vue 3中，我们可以使用defineProps()宏来声明props。通过在<script setup>中使用defineProps()，我们可以定义props的类型以及其他属性。有几种常见的用法可以帮助我们在模板中使用props。

第一种用法是使用camelCase（小驼峰命名法），我们可以在defineProps()中定义props的类型，然后在模板中直接使用。例如，在模板中使用{{getSex}}来显示props的值，我们可以这样定义props：defineProps({ getSex: String })。

第二种用法是使用对象来实现props。在<script setup>中，我们可以定义一个对象来包含所有的props及其类型。例如，定义一个title为String类型，likes为Number类型的props，我们可以这样写：defineProps({ title: String, likes: Number })。

通过使用defineProps()宏，我们可以方便地声明和使用props，以实现组件之间的数据传递。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [Vue3 从入门到放弃 （第四篇.Props使用）](https://blog.csdn.net/qq_20173195/article/details/126646145)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [Vue3 props的使用详解](https://blog.csdn.net/qq_45662523/article/details/126671079)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]