vue-router父子页面通信问题：子页面调用主页面，怎么实现呢

Question

vue-router中，路由子页面如何调用主页面呢，查看了官方文档，父子模块通信可以试用$on和$emit 来通信，但是到了路由里该怎么去写呢，翻遍了vue和vue-router的文档也没有找到相应的方法。

官方提供的父子组件通信方法

Vue.component('button-counter', {
  template: '<button v-on:click="increment">{{ counter }}</button>',
  data: function () {
    return {
      counter: 0
    }
  },
  methods: {
    increment: function () {
      this.counter += 1
      this.$emit('increment')
    }
  },
})
new Vue({
  el: '#counter-event-example',
  data: {
    total: 0
  },
  methods: {
    incrementTotal: function () {
      this.total += 1
    }
  }
})

但是这种方法在路由里没法使用，

Answer 1

请用vuex。。