vue兄弟组件之间传值， 兄弟组件是指同一个根组件中的组件，组件之间没有使用关系。

有两种方法可以在同级组件之间传输数据值：

第一，当组件结构相对简单时，可以通过同级组件中的父组件将数据传递给父组件，然后将父组件传递给另一个子组件；

二是在兄弟组件中创建vue的公共实例，实现事件的发送和监听。

以下是操作演示：

vue示例：

import Vue from vue

export default new Vue()

然后，一个公共的vue实例被引入到子组件中，事件通过vue实例发出：

methods: {

tellname () {

//发出事件并传递数据给定名称自定义事件。

bus.$emit(givename, this.mybfname)

}

}

然后，将另一个子组件引入到公共vue实例中，通过vue实例监视事件和接收数据：

import bus from @/utils/myvue.js

//组件一加载，就会监视同级组件发送的事件。

mounted () {

//$(dom).on(click,function(){})

//总线。$on(同级组件中的用户定义事件，处理程序)

//处理程序有一个默认参数，是其他组件传递的数据。

bus.$on(givename, (data)={

console.log(data);

this.mysbfname=data

})

}

关于兄弟组件之间的数据传递方式，这就是我们要分享的全部内容！

vue兄弟组件之间传值，以上就是本文为您收集整理的vue兄弟组件之间传值最新内容，希望能帮到您！更多相关内容欢迎关注。