,

Curso de VUE 3 – Profesional: Episodio 28 – Control Delegado por Referencia, V-Lazy y Webchunk

Posted by






Curso de VUE 3 – Profesional: Episodio 28

#28 Curso de VUE 3 – Profesional: Episodio 28 – CONTROL DELEGADO POR REFERENCIA, V-LAZY Y WEBCHUNK

En el episodio 28 del curso profesional de Vue 3, vamos a adentrarnos en el control delegado por referencia, la directiva v-lazy y el componente webchunk.

Control delegado por referencia

El control delegado por referencia es una técnica que nos permite manipular un elemento del DOM directamente desde nuestra instancia de Vue. Utilizando la directiva v-for, podemos asignar una referencia única a cada elemento y luego utilizar esa referencia para realizar operaciones directamente en el DOM.

V-Lazy

La directiva v-lazy nos permite cargar componentes de Vue de manera perezosa, es decir, solo cuando son necesarios. Esto puede ser útil para mejorar el rendimiento de nuestra aplicación al reducir la cantidad de elementos cargados inicialmente.

Webchunk

El componente webchunk nos permite cargar de manera dinámica contenido HTML o componentes de Vue. Esto es útil cuando necesitamos cargar contenido de manera dinámica, por ejemplo, para cargar módulos de una página a medida que el usuario interactúa con ella.

En resumen, en este episodio aprenderemos a utilizar el control delegado por referencia, la directiva v-lazy y el componente webchunk para mejorar el rendimiento y la dinamicidad de nuestras aplicaciones Vue 3.


0 0 votes
Article Rating
6 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Zenen Peraza
7 months ago

Como siempre muy buen contenido. Gracias

Patricio Mera
7 months ago

Excelente como siempre. La guinda del pastel sería que cuando salga un error de TS como que el valor puede ser NULL por ejemplo nos des unos tips para resolverlos. Gracias por todo!!!

Pedro Jimenez
7 months ago

Muy muy bueno ….mil gracias Juanjo

Jorge Jara
7 months ago

Buen video, muchas gracias… consulta, en control delegado es sólo para padre e hijo, se puede para más niveles abajo, 3 o 4 niveles dentro del componente, y hacia arriba se podrá, en vue2 tuve que hacer una función recursiva para navegar en los componente, llegar a el y ejecutar el método, fue la única manera que encontré… gracias nuevamente

Georkis Santiesteban Nuñez
7 months ago

Muy bien estas series de video, gracias por este curso profesional… yo soy programador backend y quiero fortalecer el frontend en este framework… y combinar con el dominio que tengo de backend

Iñigo
7 months ago

Muy buen video Juanjo menudo profesor eres todo bien explicado siento no haber podido verte en directo y apoyarte estuve malo , con ganas de verte y apoyarte el jueves que empieces con el Backend un saludo 👍👍💪💪💪💪.