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?

Desde que inicio el curso tenía la duda de cómo recargaba borrando cache jaja ya encontré cómo, les dejo el fragmento:

“La 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