其他分享
首页 > 其他分享> > vue兄弟传值:

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>

标签:vue,bus,js,兄弟,Vue,组件,import,传值
来源: https://blog.csdn.net/alertloveyou/article/details/120483936