vue组件通信传值操作示例

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

父子组件通信:

子组件





父组件





兄弟组件通信:

在main,js里加

import Vue from 'vue'
window.eventBus = new Vue();

在组件里

兄弟1组件:

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

兄弟2组件:

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

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

你可能感兴趣的:(vue组件通信传值操作示例)