Dos formas de que Vue cambie de página para guardar datos o archivos en caché

Función descriptiva:

      En un componente principal grande, cambie el aspecto de acuerdo con el v-if de la página de la pestaña, pero el cambio de v-if causará la destrucción del componente y luego volverá a los datos de entrada o al archivo cargado, por lo que la página no se puede cambiar Deje que se destruyan los componentes secundarios de la página de pestañas.

resolver:

      Ponga una etiqueta <keep-alive> </keep-alive> en el paquete externo del subcomponente;

Si es un método de enrutamiento, entonces en el paquete externo de <router-view> <keep-alive>

O se define en los metadatos de las rutas [] al definir los componentes de enrutamiento.

routes:[{
        path: '/home',
        component: Home,
        meta: {
            title:'测试tab页面切换的缓存问题',
            keepAlive: true 
           }
        }]