侦听属性 watch 表示对数据做监听 默认只监听一层数据

    当需要在数据变化时执行异步或开销较大的操作时，这个方式是最有用的。

    1. watch:{
    2.   n( newVal,oldVal){  // watch中的方法名是需要监听的数据的数据名,表示n的值发生变化n这个函数就会执行
    3.      //newVal是新值，oldVal是旧值
    4.    }
    5.  }
    6. //深度侦听
    7. watch:{
    8.    people:{     //函数名
    9.      deep:true,  //开启深度侦听
    10.      immediate:true,  //表示立即执行
    11.      handler(newPeople){ //handler方法明不能改
    12.       console.log(newPeople.name)
    13.      }
    14.    }
    15.  }
    1. vm.$watch('isHot', {
    2.     // ...其他配置项
    3.     handler() {
    4.         console.log('isHod修改了')
    5.     }
    6. })