Vue3 props

在Vue3中，可以使用`props`属性来接收父组件传递的数据。你可以通过在子组件的`props`选项中指定属性的名称来声明需要接收的属性。例如，如果父组件传递了一个名为`title`的属性，你可以通过在子组件的`props`选项中指定`title`来接收该属性。例如：

props: ['title']

在子组件的模板中，你可以直接使用`title`来访问父组件传递过来的数据。例如：

<template>
  <h2>{{ title }}</h2>
</template>

如果你需要在`setup`函数中使用props，你可以将其作为第一个参数传递。例如：

setup(props) {
  console.log(props.title)
}

通过这种方式，你可以在子组件中接收和使用父组件传递的props数据。<em>1</em><em>2</em><em>3</em>
#### 引用[.reference_title]
- *1* [Vue 3.0学习笔记之 Props](https://blog.csdn.net/wm201316/article/details/128877166)[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]
- *2* *3* [vue3父子组件传值，props使用细节](https://blog.csdn.net/weixin_45304198/article/details/120257562)[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]
[ .reference_list ]