//=== 第3节 数据与方法

var vm = new Vue({});

================================================

      <div id="app">
        {{ a }}
    </div>

    <script>
        var data = { a: 1 };

        //Object.freeze(ob);   //可以停止响应

        var vm = new Vue({
            el: '#app',
            data: data
        });

        //两者相同
        //data.a = "改变。。。"; //可以改变
        //vm.a = "11111";  //可以改变

        //区分
        //除了数据 property，Vue 实例还暴露了一些有用的实例 property 与方法。它们都有前缀 $，以便与用户定义的 property 区分开来。  
        // vm.$data.a = "改变";  // => true
        // vm.$el = document.getElementById('app');  // => true

        //$watch监控变量的变化。
        // vm.$watch('a',function (newold,odold){
        //     console.log(newold,odold);    //test 1
        // });

        // vm.$data.a = "test";


    </script>

复习：
        let ob = new Vue({
            el: '#root',
            data : {

            }
        });

        ob.$watch('a',function (xl,ll){

        });

        ob.$data.a = "";