No tienes acceso a esta clase

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

Computed properties con Options API

32/37
Recursos

Aportes 6

Preguntas 0

Ordenar por:

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

o inicia sesi贸n.

Para el caso de la primer propiedad computed se puede escribir en c贸digo de la siguiente forma:

  computed: {
    price_color() {
      const colorRojo = "rgb(104, 104, 209)";
      const colorAzul = "rgb(188, 30, 67)";
      const isLessThanTwo = this.product.stock <= 1;
      return isLessThanTwo ? colorAzul : colorRojo;
    }
  }

Lo que permite que sea mas declarativo tu c贸digo y f谩cil de leer

Una propiedad computada SIEMPRE tiene que retornar un valor. A mi me gusta llamarlas variables reactivas porque siempre que algo que da el valor de dicha propiedad cambie, el valor se va a actualizar.
.
Vue buscar谩 aquellas variables reactivas que se usen dentro de la propiedad computada y las estar谩 vigilando para que cada que cambien la computed property se re-ejecute.
.
驴Cu谩ndo usar un computed o un watcher?
.
Depende, si solo necesitas desencadenar una acci贸n cuando una propiedad cambie de valor sin tener que modificar ninguna otra propiedad, entonces puedes usar un Watcher.
.
Si necesitas modificar una propiedad cada vez que alguna otra cambie, entonces puedes usar una computed.
.
Algo que el profesor Jorge Baumann siempre dec铆a: 鈥溌緾u谩ndo usar una computed? Siempre que puedas鈥 jaja, se refiere a si usar una computed o usar un m茅todo ^^
.
Dejo el c贸digon de la clase:
.
https://github.com/RetaxMaster/vue3-platzi-commerce/tree/f5fe75f04ba634b83721eb7b55accad4ab7139ef

En el caso de tener que hacer una llamada a un API para la b煤squeda de un un producto 驴lo har铆amos con una computada? 驴Si/No, Por qu茅?.

No me ha quedado claro el que casos deber铆a de usar el watch. 驴Podr铆as poner alg煤n caso real en el que sea mejor usar el watch?. Muchas gracias.

Las computed properties son las que crean una nueva propiedad reactiva, basada en sus dependencias. Son funciones que siempre retornan un valor.

yo veo videos de Vue2 y me parece una forma de codear tan hermosa jajjajaja.
Ahora tengo q entrar al carro de composition jajaja aun no le cojo amor jajaja xD

Una forma m谩s elegante de escribir el if else:

computed: {
    description_color() {
      return this.product.stock <= 1 ? 'rgb(255, 0, 0)' : 'rgb(104, 104, 209)'
    }
  }