¿Cómo monitorea vue los cambios en el valor de la propiedad?

¿Cómo monitorea vue los cambios en el valor de la propiedad? Por ejemplo, necesitamos monitorear los cambios de obj.a en los datos. Puede monitorear los cambios de las propiedades del objeto en Vue de esta manera:

watch: {   obj: {
   handler (newValue, oldValue) {
    console.log('obj changed')
   },
   deep: true
  }
 }

El atributo profundo significa recorrido profundo, pero esto monitoreará todos los cambios de los atributos de obj, que no es el efecto que queremos, así que haz algunos cambios:

watch: {  'obj.a': {
   handler (newName, oldName) {
    console.log('obj.a changed')
   }
  }
 }

Hay otro método, que se puede implementar mediante cálculo, simplemente:

computed: {
  a1(){
  return this.obj.a
  }
}

Esto se logra utilizando las características del atributo calculado.Cuando la dependencia cambia, se recalcula un nuevo valor.
 

Supongo que te gusta

Origin blog.csdn.net/cz_00001/article/details/112846227
Recomendado
Clasificación