父传子
首先在父组件的子组件标签上自定义一个属性,挂载要传输的变量,其次在子组件中通过props属性来接受数据,接到的数据直接使用就行
子传父
1.在父组件中定义一个方法,在父组件的子组件标签上自定义一个事件,挂载定义的方法
2.在子组件的方法中通过this.emit("事件名",参数)
兄弟
我们使用bus总线的方式来实现兄弟组件通信,由一个空的vue实例来担任总线的位置
1、在mian.js中新建一个vue实例,并且挂载到vue的原型上
var bus=new Vue()
Vue.prototype.$bus=bus
2、在要传输数据的一方 通过this.emit(“事件名”,数据)来派发事件
3、在接受数据的一方,在created()钩子中通过this.$bus.on(“事件名”,回调)来监听事件,回调的参数就是你接受的数据