Vue中兄弟组件之间的通信

在vue前端开发的时候,一个组件可能是由多个子组件组成,而他们是在不同的文件里面里面书写的,当一个子组件发生改变时,怎么将改变的数据传递给另外一个组件呢。本人了解到了一种方法,这里记录学习一下。

类似于下面的界面,整个主界面是有两个组件左边和右边,当我们点击左边的不同选项右边的界面会显示不同界面。
Vue中兄弟组件之间的通信_第1张图片

main.js

实例化一个新的vue

export const eventBus = new Vue()

sideBar.vue

左边侧边栏界面,引入之前实例化的eventBus,绑定事件





Managecontent.vue



你可能感兴趣的:(vue,小技巧以及经验,前后端开发,vue,js,vue兄弟组件通信)