监视我们可以省略handler
    但是简写之后，就不能使用deep和immediate这两个属性了,如果想使用就不能简写

    1. <body>
    2.         <script type="text/javascript" src="https://unpkg.com/vue/dist/vue.js"></script>
    3.         <div id="app">
    4.             <p> a的值是 {{ a }} </p>
    5.             <button type="button" @click="a ++ ">点我</button>
    6.         </div>    
    7.         <script >
    8.             var vm = new Vue ({
    9.                 data : {
    10.                     a:1 ,
    11.                     b:2 ,
    13.                 },
    14.                 watch: {
    15.                     a(newvalue,oldvalue) {
    16.                         console.log("a 发生了变化")
    17.                     }
    18.                 },
    19.             });
    20.             vm.$mount("#app")
    21.         </script>    
    22.     </body>

    另外一种简写方式

            <script type="text/javascript" src="https://unpkg.com/vue/dist/vue.js"></script>
        <div id="app">
            <p> a的值是 {{ a }} </p>
            <button type="button" @click="a ++ ">点我</button>
        </div>    
        <script >
            var vm = new Vue ({
                data : {
                    a:1 ,
                    b:2 ,

                }

            });
            vm.$watch('a',function(newvalue,oldvalue){
                    console.log("a发生了变化...")
                });
            vm.$mount("#app")
        </script>