you can let the user log in when you enter the page (or judge whether you have logged in according to the local information), and then configure some of your permissions according to the user information returned after login, or just return the information to you from the background, and then save the information for use by later functions. For example,

{
    username:'test',
    userid:1,
    route:[{
        path:'xx/x',
        hassearch:true,
        hasback:false
    }]
}

header defines the component to pass a value

sunComponents.vue

<template>
  <div id='default'>

    <div>
      
logo
      <p v-if="show">

    </div>

  </div>
</template>


<script>
export default {
  prop: {
    show: {
      type: Boolean,
      default: true
    }
  },

  data() {
    return {};
  },
  created() {},
  methods: {}
};
</script>


<style lang='scss'>
</style>

father.vue

<template>
    <div>
        <sub :show='show'></sub>
    </div>
</template>


<script>
import sub from "./sunComponents";
export default {
  data() {
    return {
      show:false
    };
  },
  created() {},
  methods: {}
};
</script>


<style lang='scss'>
</style>

involves user identity and is suitable for global storage. It is recommended to use the Vuex, process as follows:

1. request the interface to obtain user identity and permission information when starting, and save it in the global variable
The
2. component integrates this information into computed rendering

as for the back key, it should be judged according to the route, such as the details page returns the list page, the list page returns the home page, and so on.