vue兄弟组件怎么相互传值

 时间:2026-04-23 12:01:53

1、第一步,利用vue-cli创建一个vue项目,详细的项目文件如下图。

vue兄弟组件怎么相互传值

2、第二步,创建一个新的datacenterBus.js

import Vue from 'Vue'

export default new Vue

如下图。

vue兄弟组件怎么相互传值

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

vue兄弟组件怎么相互传值

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

vue兄弟组件怎么相互传值

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

vue兄弟组件怎么相互传值

6、通过上面的操作就能把值传给任何一个组件。

  • 攻城略地资源不够怎么办
  • 预防新生儿发生破伤风的方法
  • 怎么做超好吃的鸡胸肉
  • 番薯怎么存放不会发芽
  • 嫩滑水蒸蛋,营养价值高,小孩最爱吃!
  • 热门搜索
    怎么用电饭煲做蛋糕 钢笔怎么装墨囊 湿气重怎么办 火参果怎么吃 小米电视怎么投屏 鸡蛋羹怎么做 左旋肉碱怎么吃 我最亲爱的你过得怎么样是什么歌 实习报告怎么写 肛裂怎么办