Red de conocimientos turísticos - Información de alquiler - Resumen de solución de problemas de pérdida de memoria para proyectos front-end vue

Resumen de solución de problemas de pérdida de memoria para proyectos front-end vue

Pérdida de memoria: memoria que ya no se usa y no se libera a tiempo

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.