Del curso: Vue avanzado 1

Accede al curso completo hoy mismo

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

Definiendo propiedades computadas usando Composition API

Definiendo propiedades computadas usando Composition API - Tutorial de Vue

Del curso: Vue avanzado 1

Definiendo propiedades computadas usando Composition API

En este video te voy a explicar cómo definir propiedades computadas con el Composition API. Podrás recordar que en el Options API nosotros utilizamos la propiedad 'computed' para definir propiedades computadas. Ahora con el Composition API nosotros debemos utilizar la función 'computed'. Esta función se importa desde la librería de Vue, como puedes ver aquí. Para crear una propiedad computada se debe llamar esta función y pasar como parámetro una función que genere el valor que retorna la propiedad computada. En este ejemplo puedes ver que yo he creado una propiedad computada que se llama 'colorComputado'. Esta propiedad utiliza los valores del objeto 'color', que es un objeto reactivo, para generar un String del código de color basado en los valores de este objeto. Luego yo paso esta propiedad dentro del 'return' de la función 'setup'. Ya dentro del "template" puedes notar que yo utilizo el color dentro del 'style' del título de la aplicación. Por esta razón es que cuando yo cambio…

Contenido