【Vue】零基础学习Vue: 第15课 Watch 如何监听对象

  
  Document
  


  

     
___{{obj}}__
  

  
    let vm = new Vue({
      el:"#app",
      data: {
        obj:{
          name:"小明",
          age: "18",
          sex: "男"
        }
      },
      watch:{
        obj(){
          console.log("data 中数组arr被修改")
        }
      }
    })
  

对象属性值改变时 运行结果如下：

对象改变后 运行结果如下：

 

那如何监听属性的变化呢！ 答案如下：

  
  Document
  


  

     
___{{obj}}__
  

  
    let vm = new Vue({
      el:"#app",
      data: {
        obj:{
          name:"小明",
          age: "18",
          sex: "男"
        }
      },
      watch:{
        // obj(){
        //   console.log("data 中数组arr被修改")
        // },
        obj:{
          handler(){  //handler是特定的名称
            console.log("data 中数组arr被修改")
          },
          deep:true,	//true表示深度监听
        }
      }
    })
  

## 更改属性时 运行结果如下：