vvue3 props setup
时间: 2023-10-10 18:13:16 浏览: 179
vue3全配置
在Vue 3中,我们可以使用`setup`函数来定义组件。`setup`函数接收两个参数:props和context。在`setup`函数中,我们可以对父组件传递的参数进行声明并进行使用。与Vue 2中的`props`类似,我们需要在`props`中声明我们期望接收的参数。如果没有进行声明,传递的参数将会出现在`attrs`中。例如,我们可以使用以下方式来声明父组件传递的参数:`props:{ msg:String, name:String }`。在Vue 3中,组件的卸载API由`destroyed`变为了`unmounted`。需要注意的是,在使用`setup`函数时,必须先声明`props`,否则会出现警告。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [vue3学习 setup,props,context](https://blog.csdn.net/weixin_48789376/article/details/119174911)[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%"]
- *3* [vue3中 setup注意点](https://blog.csdn.net/lzfengquan/article/details/125271028)[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 ]
阅读全文