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>