bus传值
1.首先你要在项目目录下或者src建一个bus.js文件
//Bus.js
import Vue from "vue";
const Bus = new Vue();
export default Bus;
2.你可以在main.js中引入并挂载全局,或者之间在单个组件(需要传值组件)引用,
import Bus from './Bus'
Vue.prototype.Bus = Bus;
谁是输出者,就在自己个事件函数里,利用 e m i t ( 函 数 名 在 接 受 者 哪 里 也 是 函 数 名 , 传 入 值 ) 接 收 者 利 用 emit(函数名在接受者哪里也是函数名,传入值)接收者利用 emit(函数名在接受者哪里也是函数名,传入值)接收者利用on(输出的函数名,function(接收的参数))
created() {
this.Bus.$on('setMsg',content =>{
this.msg = content;
})
}
methods:{
sendEvent(){
this.Bus.$emit('setMsg','Hi Vue(brother)我是来自同级组件的')
}
},