vue2和vue3组件传参的区别

在2中，子组件通过$emit方法发送事件来传递参数给父组件，而父组件通过自定义事件来接收子组件传递的参数。具体实现是，子组件在需要传递参数的地方使用$emit方法发送事件，并传递参数值；而父组件则在接收子组件传递参数的地方定义一个自定义事件，并在该事件的回调函数中接收子组件传递的参数。

而在Vue3中，组件传参有一些变化。父组件在引入子组件后，无需再进行注册，可以直接使用子组件。子组件可以通过defineEmits方法定义要发送的事件，并使用emits方法发送事件和参数给父组件。父组件则可以直接在模板中监听子组件发送的事件，并在事件回调函数中接收子组件传递的参数。

此外，Vue2中父组件向子组件传递参数的方式是通过自定义属性发送，并在子组件中使用props接收传递的参数；而Vue3中，父组件向子组件传递参数仍然无需注册，可以直接使用子组件，并使用defineProps方法在子组件中接收父组件传递的参数。所以，Vue3相对于Vue2，组件传参的方式更加简洁和灵活。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [vue2和vue3 父子组件传参及区别](https://blog.csdn.net/weixin_50370865/article/details/128413462)[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_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]