¿Cómo mira en Vue un objeto en profundidad?

 

Análisis: el uso más básico del reloj es

exportar predeterminado { 
 data () { 
     return { 
         name: '张三' 
     } 
 }, 
 watch: { 
     // La función de nombre corresponde al nombre de los datos 
     name (newValue, oldValue) { 
         
     } 
 } 
}

En el código anterior: hay un principio de a quién escuchar, a quién escribir el nombre y luego la función de ejecución correspondiente. El primer parámetro es el último valor modificado y el segundo valor es el último valor modificado. Nota: Además de los datos de seguimiento, también Puede monitorear 计算属性o calcular el resultado de una función

Cómo monitorear el objeto profundamente, de dos maneras

1. Anidación de cadenas

exportar predeterminado { 
    data () { 
        return { 
           a: { 
               b: { 
                   c: 'Zhang San' 
               } 
           } 
        } 
    }, 
    watch: { 
        // Quiere monitorear c En este momento, los datos son abc más profundos. Monitor 
        "abc": function (newValue , oldValue) { 
            
        } 
    } 
}

1. Habilite la supervisión profunda

   exportar predeterminado { 
       data () { 
           return { 
              a: { 
                  b: { 
                      c: 'Zhang San' 
                  } 
              } 
           } 
       }, 
       observe: { 
           a: { 
               deep: true // deep is true significa que el monitoreo profundo está habilitado para cualquier objeto en un Los cambios de datos activarán la función del controlador, 
               handler () { 
                  // handler es una escritura fija 
               } 
           } 
       } 
   }