Vue keep-alive evita la representación repetida del resumen DOM

1. La implementación del archivo de aplicación de una sola página de VUE regresa a la página anterior y retiene los datos de la página anterior

Cuando trabajamos en un proyecto recientemente, necesitamos implementar los siguientes escenarios:

Consulta la lista en la página e ingresa a la página de detalles. Al regresar a la página, debes regresar a la última posición explorada (conservando la página actual y los datos de la condición de búsqueda en la página anterior)

Para las necesidades anteriores:

Almacenamiento en caché de página, necesitamos implementar la página para strong> Introducir , un componente integrado

es un componente integrado de vue, que puede retener el estado durante el cambio de componente en la memoria para evitar la representación repetida del DOM.

Encapsula componentes dinámicos. Al igual que Transition>, Keep-Alive> es un componente abstracto: no representa el elemento DOM de forma independiente ni aparece en la cadena de componentes principal.

tiene dos atributos:

(1) incluye: cadena o expresión regular, solo se almacenarán en caché los componentes coincidentes.

excluir: cadena o expresión regular, no almacene en caché ningún componente coincidente.

2. Agregue un nombre a la página que se almacenará en caché

Tenga en cuenta que el nombre de la página que se almacenará en caché debe coincidir con el nombre incluido antes de que se almacene en caché.

Tenga en cuenta que el nombre de la página que se almacenará en caché debe coincidir con el nombre en la inclusión.