Aprender Vue

Capítulo 3. Componer componentes

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

En el capítulo anterior, aprendiste los fundamentos de Vue y cómo escribir un componente Vue con directivas comunes utilizando la API de Opciones. Ahora estás preparado para sumergirte en el siguiente nivel: componer componentes Vue más complejos con reactividad y ganchos.

Este capítulo presenta el estándar Vue Single File Component (SFC), los ganchos del ciclo de vida del componente y otras características reactivas avanzadas, como las propiedades computadas, los observadores, los métodos y las referencias. También aprenderás a utilizar ranuras para renderizar dinámicamente distintas partes del componente, manteniendo al mismo tiempo la estructura del componente con estilos. Al final de este capítulo, serás capaz de escribir componentes Vue complejos en tu aplicación.

Estructura del componente de archivo único Vue

Vue introduce un nuevo formato de archivo estándar, Vue SFC, denotado por la extensión .vue. Con SFC, puedes escribir el código HTML de la plantilla, la lógica JavaScript y los estilos CSS de un componente en el mismo archivo, cada uno en su sección de código dedicada. Un SFC Vue contiene tres secciones de código esenciales :

Plantilla

Este bloque de código HTML muestra la vista de interfaz de usuario del componente. Sólo debe aparecer una vez por componente en el elemento de nivel más alto.

Guión

Este bloque de código ...