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

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e60e7b-458fb.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e60e7b-458fb.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?