Vue中使用aplay組件，進行路由跳轉(zhuǎn)時如何保持aplay的播放狀態(tài)？

emmmmm，初入vue的組件坑
我想實現(xiàn)的功能是這樣的：

在主頁底部用了vue資源中的aplay插件，現(xiàn)在是點擊跳轉(zhuǎn)到其他路由的時候，這個音樂組件會重置，希望在路由跳轉(zhuǎn)的時候保持播放狀態(tài)
主頁的html結(jié)構(gòu)如下：

<template>
  <div id="app">
    <!--外部容器-->
    <el-container>
      <!--頭部-->
      <el-header id="header">
        <topbar></topbar>
      </el-header>
      <router-view/>
      <!--尾部-->
      <el-footer>

      </el-footer>
      <!--播放器插件-->
      <keep-alive>
        <!-- 組件將被緩存嗎？？？？？ -->
        <el-main id="mp-main">
          <aplayer :music="{
              title: 'secret base~君がくれたもの~',
              artist: 'Silent Siren',
              src: 'https://moeplayer.b0.upaiyun.com/aplayer/secretbase.mp3',
              pic: 'https://moeplayer.b0.upaiyun.com/aplayer/secretbase.jpg'}"
          />
        </el-main>
      </keep-alive>
    </el-container>
  </div>

</template>

<script>
  import Topbar from './components/Topbar.vue'
  import Aplayer from 'vue-aplayer'

  export default {
    name: 'App',
    components:{
      Aplayer,
      Topbar,
    }

  }
</script>

看了一下vue中的<keep-alive>挺懵的
希望大家能夠給我一點思路~謝謝！