¿Qué significa desestructurar un prop?

Pregunta de la clase:
Lista del historial
Sam Leonetti

Sam Leonetti

Pregunta
student
hace 3 años

¿Qué significa desestructurar un prop?

2 respuestas
    Diana Martinez

    Diana Martinez

    student
    hace 3 años

    Destructurar no es un concepto de Vue, sino de JavaScript, y se refiere a cuando extraes valores de un objeto, usando la sintaxis de llaves para obtener variables independientes, así:

    const obj = { foo: 'bar' }; // Así creas un objeto // Normalmente accederías así al valor de 'foo' obj.foo // Esto de daría 'bar' como salida // Pero puedes destructurar 'foo' para sacarlo de 'obj' y usarlo de forma independiente, así: const { foo } = obj; // Así destructuras foo // Y ya solo usas 'foo' como variables foo // Esto daría 'bar' como salida
    Diana Martinez

    Diana Martinez

    student
    hace 3 años

    Entonces destructurar un prop, se refiere a recibir los props del componente, como un objeto, y luego extraer los valores a variables independientes.

Curso Práctico de Vue.js

Curso Práctico de Vue.js

Desarrolla una aplicación de control de gastos con Vue.js, utilizando componentes, slots y el API Composition. Aprende a implementar gráficos SVG, manipular datos y asegurar la persistencia con local storage. Mejora tu lógica de programación creando estructuras de datos y desplegando en producción con Netlify.

Curso Práctico de Vue.js
Curso Práctico de Vue.js

Curso Práctico de Vue.js

Desarrolla una aplicación de control de gastos con Vue.js, utilizando componentes, slots y el API Composition. Aprende a implementar gráficos SVG, manipular datos y asegurar la persistencia con local storage. Mejora tu lógica de programación creando estructuras de datos y desplegando en producción con Netlify.