vue父子组件简单通信

a.vue父组件中

<template>
..
</template>
<script>
import Bus from "bus.js"//引入中间vue

export defaul{
...
// 在组件 A 创建的钩子中监听事件
bus.$on('id-selected', function (id) {
  // ...
})
...}
</script>

  

b.vue 子组件中

<template>
..
</template>
<script>
import Bus from "bus.js"//引入中间vue

export defaul{
...

   
   

    
    // 触发组件 B 中的事件
   
   
   
   

    
    bus.$emit(
    
    'id-selected', 
    
    1)
   
   
...}</script>


  bus.js 文件

import Vue from 'vue'
export default new Vue();

参考自vue2.0官方文档