Resumen de solución de problemas de pérdida de memoria para proyectos front-end vue
Memoria insuficiente: memoria que no se puede reciclar o memoria excesiva utilizada en la aplicación, lo que eventualmente hace que la memoria exceda la memoria máxima disponible cuando el El programa se está ejecutando.
Emitir desbordamiento de memoria de mantenimiento activo
Emitir envío de cambio de código fuente
Emitir parte de cambio de código fuente
Fuente de componente de mantenimiento activo Código:
vue@2.6.10
vue@2.6.13 nuevo método cacheVNode
Aquí this.vnodeToCache = null interrumpirá la referencia a vnode. caché antiguo [clave] = vnode no lo hará.
El caché aquí solo toma tres parámetros: el nombre, la etiqueta y la instancia del componente. Si mantiene una referencia a él, el caché no se liberará.
Keep-alive es un arma de doble filo; usado correctamente puede mejorar la experiencia del usuario, pero usado incorrectamente puede tener el efecto contrario.
Keep-alive es un arma de doble filo.