2301_81894127的博客

原创 Vue3组件之间相互传参

Vue3 中没有了 EventBus 跨组件通信，但是现在有了一个替代的方案 mitt.js，原理还是 EventBus。在父组件的模板中，监听子组件触发的自定义事件，并在事件处理函数中接收数据。在子组件中，通过emit方法触发一个自定义事件，并传递数据给父组件。在父组件的模板中，通过属性绑定的方式将数据传递给子组件。在main.js中引入，这个封装的文件。1、父组件向子组件传递数据。2、在子组件接收数据。父组件AboutView.vue。子组件HomeView.vue。父组件挂载到App.vue。