Mejora el rendimiento con v-once

Con la directiva v-once de Vue 3 puedes tratar parte de contenido como estático a partir de la primera carga. Vue 3 v-once puede influir positivamente en el rendimiento general de tu aplicación, así que es una pequeña técnica que debes conocer


En algunas ocasiones parte de la plantilla de nuestro componente Vue, aún sin ser del todo estática, en realidad no requiere ser reevaluada constantemente, sino una única vez.

Para eso sirve justamente la directiva v-once.

Con v-once puedes decirle a Vue que renderize el contenido solo una vez, evitando futuras actualizaciones. Como puedes comprobar, la directiva v-once no acepta ningún argumento.

Conclusión: con v-once, a partir de la primera carga, el contenido será tratado como 100% estático. Esto puede influir positivamente en el rendimiento general de tu aplicación.

Demo

Juan Andrés Núñez
Juan Andrés Núñez
Ingeniero Frontend Senior. Especialista en Vue.js. Speaker. Docente profesional. Estoico.