No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Computed properties con Composition API

33/37
Recursos

Aportes 8

Preguntas 1

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

Desde que inicio el curso ten铆a la duda de c贸mo recargaba borrando cache jaja ya encontr茅 c贸mo, les dejo el fragmento:

鈥淟a combinaci贸n de teclas para esto es Ctrl + Shift + R o Shift + F5 en Google Chrome y Ctrl + F5 en Mozill Firefox, aunque en el primer navegador web tambi茅n se puede acceder desde el modo desarrollador, haciendo clic derecho en el bot贸n de recargar.鈥

estoy acostumbrado a trabajar con el m茅todo de las options API . por que as铆 lo aprend铆 en vue 2 .
y en mis trabajos seguir铆a usando ese m茅todo , Me siento m谩s como. Aunque siempre es bueno conocer Composition API .

No me decido en cu谩l forma me gusta m谩s xD Creo que si las tuviera que trabajar, las trabajar铆a como funciones por separado para mantener el c贸digo similar.
.
Las computed son muy sencillas de entender as铆 que aqu铆 dejo el c贸digo de esta clase:
.
https://github.com/RetaxMaster/vue3-platzi-commerce/tree/aa471f20063772cc0e2d8a8df00d3a1e11ae72d1

Para utilizar propiedades computadas, se debe importar el objeto computed de Vue, en composition API. Es importante recordar que todas las propiedades y funciones, se deben retornar dentro del setup

Me parecio curioso que dentro del segundo computed, estamos llamando a cartState dentro del mismo

total: computed(() => {
                        return cartState.cart.reduce((prev, curr) => {
                            const prevPrice = prev.price || prev;
                            const prevQuantity = prev.quantity || 1;
                            return prevPrice * prevQuantity + curr.price * curr.quantity;
                        }, 0);
                    })

Las ventajas de usar un objeto reactivo, Crear propiedades computadas dentro de ese objeto! WoW

Es mejor idea pensar en una propiedad computada siempre que necesitemos calcular un valor en funci贸n a otras propiedades, teniendo en cuenta que Vue volver谩 a evaluar la propiedad cada vez que alguna de sus dependencias cambie y no necesitaremos un watch personalizado por cada dependencia. Pero un watch ser铆a mejor si en cambio necesitamos realizar algo m谩s complejo como llamadas http, configurar un timer o guardar datos en el local storage.

Las propiedad computadas son propiedades que se calculan a partir de otras