vue2.0兄弟组件传值

A组件和B组件是兄弟组件，A向B传值

借助Bus.js来传值

• A组件通过事件触发，使用 $emit() 来传值

<script>
  // 引入公共的bus，来做为中间传达的工具
  import Bus from '@/bus.js'
  export default {
    data () {
      return {
        name: 4
      }
    },
    methods: {
      elementByValue(){
        Bus.$emit('val', this.name)
      }
    }
  }
</script>

• B组件通过 $on 事件来接收参数

<script>
  import Bus from '@/bus.js'
  export default {
    mounted: function () {
      // 用$on事件来接收参数
      Bus.$on('val', (data) => {
        console.log(data)
      })
    }
  }
</script>