vue兄弟传值:

vue兄弟传值:

假设:A与B为兄弟组件,此刻需要AB组件相互通信

步骤:
1.创建一个js文件:

import Vue from Vue;
export default new Vue;

2.A组件:引入js

<script>
import bus from './Vue'  //引入步骤1里面创建的js文件
methoud:{  //模拟点击按钮向B组件传递传值
	buttonFun(){   //按钮触发的函数
		bus.$emit('user','我是A组件的参数')
	}
}
</script>

3.B组件:引入js

<script>
import bus from './Vue'  //引入步骤1里面创建的js文件
mounted:{  //接受A组件传过来的值
	var that = this;
	that.$on('user',function(e){
		that.e   //console.log(that.e)   ⇒  '我是A组件的参数'
	})
}
</script>
上一篇:stream and bus


下一篇:Vue--组件间的数据共享(传值)