Cache page keepalive use in Vue

1. Configure... In the route

      {
    
        path: '',
        name: 'xx',
        meta: {
     keepAlive: true },
        component: xx
      },

2. stay App.vue Middle configuration

    <keep-alive>
      <router-view v-if="$route.meta.keepAlive"></router-view>
    </keep-alive>
    <router-view v-if="!$route.meta.keepAlive" :key="key">
    </router-view>
    
    computed: {
    
	    key() {
    
	      return this.$route.path + Math.random();
	    },
	  },

3. Unique life cycle

// Triggered on entry 
activated() {
    }
// Trigger on exit 
deactivated() {
    }

keepAlive It also supports many functions , You need to check it yourself