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 props en un componente usando Options API

Declarando props en un componente usando Options API - Tutorial de Vue.js

Del curso: Vue.js esencial

Comenzar mi mes de prueba gratis Comprar para mi equipo

Declarando props en un componente usando Options API

“

En Vue, los props de un componente son la manera que se utiliza para pasar información desde un componente padre a un componente hijo. Como en este caso, yo tengo una aplicación de Vue, el cual contiene tres componentes. El componente principal contiene toda la vista que incluye el menú. Luego tengo dos componentes hijos. Uno se encarga de mostrar las listas de diferentes tiquetes, y otro se encarga de mostrar el formulario. Ya aquí me encuentro dentro del código del ejemplo. Aquí tengo la instancia del componente del Formulario. Puedes notar que este componente recibe un prop que se llama tiquete. Luego aquí tengo las dos instancias de ListaTiquetes. Estas instancias se encargan de mostrar la diferente lista de tiquetes. Este componente recibe dos props, título y tiquetes. Te preguntarás por qué título no incluye los dos puntos, como si lo hace tiquetes y el prop tiquete del formulario. Esto es debido a que este valor de título es un valor estático. Significa que todos los props…

Contenido