Del curso: Vue.js esencial

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 23.200 cursos impartidos por expertos del sector.

Estructura y elementos de un componente en Vue

Estructura y elementos de un componente en Vue - Tutorial de Vue.js

Del curso: Vue.js esencial

Comenzar mi mes de prueba gratis Comprar para mi equipo

Estructura y elementos de un componente en Vue

“

Las aplicaciones en Vue se estructuran utilizando componentes. Esto significa que, a la hora de construir una aplicación, debemos tomar la interfaz y dividirla en componentes más pequeños. Esto hará que la implementación sea más fácil y modular. En este ejemplo que ves en pantalla, yo tengo una aplicación, la cual muestra un saludo y una imagen. El componente principal o padre se llama App.vue y ese es el punto de entrada de esta aplicación. Este componente importa dos componentes más pequeños, como puedes ver aquí. Todo componente de Vue tiene tres elementos. Primero es el template, en donde nosotros agregamos las etiquetas de HTML o los componentes hijos que queramos mostrar en la interfaz. Luego, habrá otra sección de script para poder agregar el código de JavaScript. La sintaxis aquí dependerá de si utilices Options API o Composition API. Y luego habrá otra sección de style, donde agregarás los estilos del componente. Puedes notar que las tres secciones están muy demarcadas una de…

Contenido