Aprender Vue

Capítulo 7. Renderizado avanzado, componentes dinámicos y composición de plugins

Este trabajo se ha traducido utilizando IA. Agradecemos tus opiniones y comentarios: [e-mail]

En los capítulos anteriores, aprendiste cómo funciona Vue, cómo componer componentes con la API de Opciones y la API de Composición, y cómo incorporar datos de un recurso externo a tu aplicación Vue utilizando Axios.

Este capítulo introducirá un aspecto más avanzado de la renderización en Vue. Exploraremos cómo calcular componentes funcionales utilizando la función de renderizado y JSX, y cómo renderizar elementos de forma dinámica y condicional utilizando la etiqueta componente de Vue. También aprenderemos a registrar un plugin personalizado para utilizarlo dentro de laaplicación.

La función Render y JSX

Con la API del compilador de Vue, Vue procesa y compila todas las plantillas HTML utilizadas para un componente Vue en el DOM Virtual al renderizarlo. Cuando se actualizan los datos de un componente Vue, Vue activa la función interna de renderizado para enviar el último valor al DOM Virtual .

Utilizar template es el enfoque más habitual para crear un componente. Sin embargo, necesitamos eludir el proceso de análisis sintáctico de plantillas HTML en escenarios específicos, como optimizar el rendimiento, trabajar en una aplicación de renderizado del lado del servidor o trabajar en una biblioteca de componentes dinámicos. Al devolver el nodo virtual renderizado desde el DOM Virtual ...