vue是当前最火的前端框架之一,vue由众多组件组合而成,那么兄弟之间的值怎么传递呢,下面利用事件车来完成这个功能
第一步,利用vue-cli创建一个vue项目,详细的项目文件如下图。
第二步,创建一个新的datacenterBus.js import Vue from 'Vue' export default new Vue 如下图。
第三步,创建一个父组件,然后分别引入组件子组件A和子组件B,然后渲染出来,如下图
第四步,返回a.vue文件,引入datacenterBus.js,然后通过一个点击事件,绑定另一个事件把值传出去,详细代码如下图
第五步,兄弟组件b.vue可以引用a.vue传出去的值了,详细代码如下图
通过上面的操作就能把值传给任何一个组件。