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.

Declarando un componente en Vue como SFC

Declarando un componente en Vue como SFC - Tutorial de Vue.js

Del curso: Vue.js esencial

Comenzar mi mes de prueba gratis Comprar para mi equipo

Declarando un componente en Vue como SFC

“

Un término que escucharás muy comúnmente a la hora de trabajar con Vue son los Single File Components o Componentes de archivo único. Este es un archivo especial que se utiliza para declarar componentes en Vue. Esto sigue la filosofía de que cada uno de los componentes en Vue debe ser contenidos en un archivo único, como en este ejemplo que ves en pantalla. Yo aquí tengo un single file component que se llama MuestraSaludo. Puedes notar que la extensión de este tipo de archivos es .vue. Luego, dentro del componente yo debo declarar tres secciones. La primera sección es el template. Aquí se agregan todas las etiquetas de HTML o los componentes hijos que queramos mostrar en la interfaz. Puedes notar que yo utilizo la sintaxis de doble llave para poder mostrar elementos dinámicos que vienen del código de JavaScript. Luego, la segunda sección que se debe agregar dentro de este tipo de archivo es el script. Aquí tenemos el código JavaScript del componente. La sintaxis que se utilice aquí…

Contenido