How to communicate values between components under router-view and global top-view components

  <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>
Apr.11,2021

router-view plus name attribute, you can use route to bring in information or use vuex

Menu