mantenimiento activo del componente de caché de vue

keep-alive es un componente integrado en Vue que permite que los componentes contenidos conserven el estado o eviten volver a renderizarse. También se conoce como almacenamiento en caché de componentes

keep-alive es un componente abstracto que no permite montar componentes de almacenamiento en caché y proporciona ganchos de activación y desactivación para esto

Desde 2.1. En la versión 0, keep-alive tiene dos nuevos atributos: incluir (los componentes incluidos se almacenarán en caché) y excluir (los componentes excluidos no se almacenarán en caché y tendrán una prioridad más alta que incluir).

keep-alive puede recibir tres atributos como parámetros para que coincidan con el componente correspondiente que se almacenará en caché:

incluir el componente incluido (puede ser una cadena, una matriz y una expresión regular, only Solo se almacenarán en caché los componentes coincidentes)

excluir Componentes que se excluirán (pueden ser cadenas, matrices y expresiones regulares, solo los componentes coincidentes no se almacenarán en caché)

max El número máximo de componentes para almacenar en caché (puede ser un carácter o un número, y puede ser controlado por la cantidad de componentes para almacenar en caché)

Para uso con enrutadores

1.keep-alive coincidirá con el contenido El campo de nombre del componente, o si el nombre no está disponible, coincidirá con el nombre registrado del componente actual en la configuración del componente.

2. keep-alive no funciona correctamente en componentes funcionales porque no tienen instancias almacenadas en caché.

3. Cuando existen condiciones coincidentes de inclusión y exclusión, la exclusión tiene la prioridad más alta (versión actual de vue 2.4.2). Por ejemplo, si el componente A coincide con incluir y excluir, el componente A no se almacenará en caché.

4. Si se incluye en keep-alive pero coincide con la exclusión, no se llamará a la activación y desactivación.

Ver /post/6844903918313406472

Ver /article/302879