vue兄弟组件怎么相互传值
1、第一步,利用vue-cli创建一个vue项目,详细的项目文件如下图。

2、第二步,创建一个新的datacenterBus.js
import Vue from 'Vue'
export default new Vue
如下图。

3、第三步,创建一个父组件,然后分别引入组件子组件A和子组件B,然后渲染出来,如下图

4、第四步,返回a.vue文件,引入datacenterBus.js,然后通过一个点击事件,绑定另一个事件把值传出去,详细代码如下图

5、第五步,兄弟组件b.vue可以引用a.vue传出去的值了,详细代码如下图

6、通过上面的操作就能把值传给任何一个组件。
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:35
阅读量:56
阅读量:187
阅读量:103
阅读量:111