微客导航 » 文章资讯 » vue组件通信传值操作示例

vue组件通信传值操作示例

2023-09-01 18:33:04 162

本文实例讲述了vue组件通信传值操作。分享给大家供大家参考，具体如下：

父子组件通信：

子组件

父组件

兄弟组件通信：

在main,js里加

importVuefrom'vue'
window.eventBus=newVue();

在组件里

兄弟1组件：

window.eventBus.$emit('函数名称',{参数键：值});

兄弟2组件：

window.eventBus.$on('grouprecording',参数=>{
//处理数据
})

希望本文所述对大家vue.js程序设计有所帮助。

父组件