router-view 下的組件怎么和全局的top-view組件進(jìn)行傳值通信

  <div id="app">
    <top-view/>
    <router-view/>
    <footer-view/>

    
  </div>
</template>

<script>
// <top-view/>import top from '@/view/Top'
import top from '@/view/Top'
import footer from '@/view/Footer'


export default{
  name: 'App',
  components:{
      TopView:top,
      FooterView:footer
  }
}
</script>
<style lang="scss">
    @import "./src/assets/sass/style.scss";
</style>