Vue中的watch监视

watch可以监视简单属性值及其对象中属性值的变化

watch类似于onchange事件，可以在属性值修改的时候，执行某些操作

Vue.js 中的 watch 选项允许我们在数据发生变化时执行异步或同步操作。其中，handler() 方法是 watch
选项的重要组成部分，用于定义在数据发生变化时要执行的操作。当监听的数据发生变化时，handler() 方法会被自动调用。

语法：

    <script>
      var vm=new Vue({
        el:'root',
        data:{
          message:'123',
          person:{
            "name":"mkbk",
            "age":'999'
          },
          // watch监听
          watch:{
            // 监视message的属性值，若message属性值有变化，执行{}中的操作
            message(newValue,oldValue){
              console.log("新值:"+newValue+";旧值:"+oldValue);
            },
            // 监视person对象的值
            person:{
              // 开启深度监测，监控对象中的属性值变化
              // 当需要检测对象中属性时才需要开启深度检测
              deep:true,
              // 获取到对象的最新属性数据(无法获得旧数据)
              handler(obj){
                console.log("name="+obj.name+';age='+obj.age);
              }
            }
          }
        }
      })
    </script>