Capítulo 2. Cómo funciona Vue: Lo básico
Este trabajo se ha traducido utilizando IA. Agradecemos tus opiniones y comentarios: translation-feedback@oreilly.com
En el capítulo anterior, aprendiste las herramientas esenciales para crear una aplicación Vue y también creaste tu primera aplicación Vue, preparándote para el siguiente paso: aprender cómo funciona Vue escribiendo código Vue.
Este capítulo te introduce en los conceptos del Modelo de Objetos del Documento Virtual (DOM Virtual) y en los fundamentos de la escritura de un componente Vue con la API de Opciones de Vue. También explora otras directivas de Vue y el mecanismo de reactividad de Vue. Al final del capítulo, comprenderás cómo funciona Vue y serás capaz de escribir y registrar un componente Vue para utilizarlo en tu aplicación.
DOM virtual bajo el capó
Vue no trabaja directamente con el Modelo de Objetos del Documento (DOM). En su lugar, implementa su DOM Virtual para optimizar el rendimiento de la aplicación en tiempo de ejecución.
Para construir una sólida comprensión de cómo funciona el DOM Virtual, empezamos con el concepto de DOM.
El DOM representa el contenido del documento HTML (o XML) en la web, en forma de una estructura de datos en memoria similar a un árbol (como se muestra en la Figura 2-1). Actúa como una interfaz de programación que conecta la página web y el código de programación real (como JavaScript). Las etiquetas, como <div> o <section>, del documento HTML se representan como nodos programáticos y ...
Get Aprender Vue now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
