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兄弟组件之间传值最新内容，希望能帮到您！更多相关内容欢迎关注。
