Del curso: Vue.js esencial

Accede al curso completo hoy mismo

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

Declarando e utilizando props con Composition API

Declarando e utilizando props con Composition API - Tutorial de Vue.js

Del curso: Vue.js esencial

Comenzar mi mes de prueba gratis Comprar para mi equipo

Declarando e utilizando props con Composition API

“

En Vue, cuando trabajamos con el Composition API, debemos utilizar la función defineProps para definir los props de un componente. Como en este ejemplo, yo tengo un componente que se llama FormularioTiquete. Este componente recibe como parámetro un objeto que representa los valores de un tiquete de soporte. Entonces, para definir este prop, yo lo que hago es que declaro una constante y luego llamo la función defineProps. Esta función, entonces, yo le paso un arreglo, el cual contiene cada uno de los nombres de los props que contiene este componente. Ese componente solamente recibe un prop, entonces, yo simplemente lo agrego dentro del arreglo. Ya con esto, entonces, yo puedo utilizar la constante props para accesar al prop que he definido dentro del arreglo. Si yo me dirijo al componente padre, puedes ver aquí que el prop se declara dentro de la instancia de este componente Formulario. Igual sucede con este componente hijo, Lista de Tiquetes. Este componente recibe dos prop: tiquetes,…

Contenido