vue中的五种组件传值

组件传值

1 父传子
父亲怎么传：通过属性绑定形式传
儿子怎么接收：通过props来接收
2.子传父
子怎么传：通过this.$emit触发一个自定义事件，并且发送一个值父怎么接收：通过定义自定义事件的事件函数的形参来接收3.兄弟组件传值定义一个事件中心，或者是第三方接收值的组件：通过该事件中心的$on来定义自定义事件的事件函数来接收值

eventBus.$on('getTab1',(data)=>{
  console.log('接收tab1传递的值',data)
})

另一个兄弟组件怎么传：通过事件中心的$emit触发对应的 刀了 on的事件，并且把值传递过去

eventBus.$emit('getTab1',this.num)

4.跨组件传值

Vue.component('my-sub1',{
      template:'#my-sub1',
      data() {
        return {
          money: 10000000
        }
      },
      provide:{
        money:1000
      },
      components:{
        'sub-a':{
          template:'<div>子组件<sub-b></sub-b></div>',
          components:{
            'sub-b':{
              template:'<div>子组件{{money}}</div>',
              inject:['money']
            }
          }
        }
      }
    })
    new Vue({
      el: '#app'
    })

5.vuex里面的state里面定义