Del curso: Vue.js esencial

Accede al curso completo hoy mismo

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

Declarando un componente en Vue con JavaScript simple

Declarando un componente en Vue con JavaScript simple - Tutorial de Vue.js

Del curso: Vue.js esencial

Comenzar mi mes de prueba gratis Comprar para mi equipo

Declarando un componente en Vue con JavaScript simple

“

Es posible declarar componentes en Vue utilizando JavaScript simple, como este ejemplo que ves en pantalla. Yo aquí tengo una página HTML, la cual contiene una aplicación de Vue. Esta aplicación define un componente que se llama MiComponente. Aquí pueden notar que yo no estoy utilizando Single File Component y esta aplicación no está siendo compilada, sino que simplemente el código de JavaScript o el código de Vue está siendo ejecutado cuando la página carga. Para declarar un componente con JavaScript sencillo, simplemente, declaramos un objeto. Este objeto contiene todos los elementos que va a tener este componente, Como aquí, en este caso, yo he declarado la propiedad data para poder agregar valores reactivos y también debemos agregar el template, el cual se va a encargar de renderizar los elementos dentro de este componente. Aquí puedes ver que yo estoy utilizando la nomenclatura de doble llave, como ves aquí, para poder mostrar los elementos reactivos dentro del template, como en…

Contenido