Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

260
Visualizações
gestión de memoria nuxt/vue y ciclo de vida destruido

Tengo dos componentes de página y cada uno tiene dos datos locales... en el ciclo de vida "creado", asigno algún valor a estos datos y luego cambio la ruta entre estas dos páginas... desde la pestaña de memoria en la herramienta de desarrollador puedo ver el montón el tamaño de la memoria aumentará con cada cambio de ruta, pero hasta donde yo sé, vue debería eliminar todos los datos relacionados con el componente destruido, pero ese no es el caso aquí.

~/páginas/index.vue:

 <template> <nuxt-link to="/contact">contact</nuxt-link> </template> <script> export default { data() { return { testArr: [], str: "...", //assign very large string }; }, created() { for (let i = 0; i < 100000; i++) { this.testArr.push({ //just to make this array as big as possible key1: this.str, key2: this.str, key3: this.str, key4: this.str, key5: this.str, }); } }, destroyed() { //although we are inside destroyed life cycle we can still access to //this.str,this.testArr console.log("destroyed"); }, }; </script>

~/páginas/contacto.vue:

 <template> <nuxt-link to="/">home</nuxt-link> </template> <script> export default { data() { return { testArr: [], str: "...", //assign very large string }; }, created() { for (let i = 0; i < 100000; i++) { this.testArr.push({ //just to make this array as big as possible key1: this.str, key2: this.str, key3: this.str, key4: this.str, key5: this.str, }); } }, destroyed() { //although we are inside destroyed life cycle we can still access to //this.str,this.testArr console.log("destroyed"); }, }; </script>

*** si agrego el siguiente código a estas dos páginas, ahora la memoria no aumentará, pero vue debería liberar la memoria por sí misma y dentro del ciclo de vida 'destruido' 'esto. <algunos datos' no deberían estar definidos:

 beforeDestroy() { this.str = undefined; this.testArr = undefined; },

¿Cómo puedo optimizar mi aplicación para liberar memoria cuando el componente se destruye y no almacenar datos relacionados con el componente destruido en la memoria?

siguiente versión "2.15.8"
versión vue "2.6.14"

about 4 years ago · Juan Pablo Isaza
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda