动态组件的动态传参vue3

在Vue3中，动态组件的动态传参可以通过使用props和context参数来实现。在setup函数中，props参数可以接收传递给动态组件的属性值，而context参数可以访问Vue3暴露出来的属性（emit, slots, attrs）。

例如，在父组件中，可以通过@counterchange事件来接收子组件传递的counterchange事件的值，并将其赋值给父组件的变量m。子组件则可以通过点击按钮触发counter事件，并通过$emit('counterchange', counter)来传递counter的值给父组件。

另一种动态传参的方式是使用provide和inject。在父组件中，可以使用provide('proMsg', state)来提供一个名为'proMsg'的全局属性，其值为state。然后在子组件中，可以使用inject('proMsg')来获取父组件提供的属性值。

总结起来，动态组件的动态传参可以通过props和context参数，以及provide和inject方法来实现。 props参数用于接收传递给动态组件的属性值，context参数用于访问Vue3暴露出来的属性（emit, slots, attrs）。而provide和inject方法可以用于在父组件和子组件之间共享数据。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [Vue3组件传参](https://blog.csdn.net/Star_ZXT/article/details/123727762)[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* [vue组件传参](https://blog.csdn.net/fagdg/article/details/126022089)[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 ]