vue兩個(gè)子組件之間如何不用vuex進(jìn)行簡單的通信？

簡單來說，就是一個(gè)子組件通過$emit來傳一個(gè)object到父組件，但是父組件接收不到參數(shù)
比如一個(gè)簡單的單頁面應(yīng)用，app.vue 文件里面通過 vue-router 引入了 a組件 和 b組件
代碼大概如下

<div class='app'>
    <div class='nav'>
        <router-link to='/a'>前往a頁面</router-link>
        <router-link to='/b'>前往b頁面</router-link>
    </div>
    <div class='content'>
        <router-view></router-view>
    </div>    
</div>    

然后，現(xiàn)在點(diǎn)擊 a組件 里面的一個(gè)按鈕之后，
把一個(gè)對(duì)象傳到 b組件 （不用vuex）
我的想法就是，點(diǎn)擊了a組件的button之后，this.$emit一個(gè)事件，
然后把對(duì)象做為參數(shù)，一起傳到app.vue ,
然后在app.vue 通過監(jiān)聽事件獲取到 a組件 傳來的事件和參數(shù)
然后 我試了一下在分別在app.vue的 .content 和 router-view 用v-on 來接收事件
發(fā)現(xiàn)在router-view能夠成功接收到a組件傳來的事件
然后試著console一下接收到的參數(shù)
發(fā)現(xiàn)輸出undefined

代碼大概如下：

      <!--app.vue-->
      <div class="view-wrapper">
        <router-view @tomodify="sendData(good)"></router-view>
      </div>

      //script in app.vue
        methods: {
          sendData (good) {
            this.agood = good
            console.log(this.agood)  //成功執(zhí)行但是輸出 undefined
          }
        }

    <!-- a組件 -->
    <button class="modifyBtn" @click="toModify(good)">修改</button>

    //script in a組件
    data () {
       toModify (good) {
         console.log(good)  //成功輸出一個(gè)對(duì)象
         this.$emit('tomodify', [good])
       }
    }

希望各位大佬指教一下，很簡單的問題但是搞了好久
appreciate。