vue 组件之间的数据互通

一.父路由或父组件通知子路由或子组件：

1.在根vue处new Vue({

     data:{

            eventHub:new Vue()

      }

})

2.在父路由或父组件中：this.$root.eventHub.$emit("fnName",数据)

3.在子路由或子组件中：this.$root.eventHub.$on("fnName", function (n) {
        console.log(n)
    })

二.子路由或子组件通知父路由或父组件：

1.在父路由或父组件中：<router-view @FnName-a="FnName"></router-view>

methods:{
      FnName(a) {
           console.log(a)
      }
   }

2.在子路由或子组件中：this.$emit('FnName-a', 数据)