构造器 

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <title>Vue 测试实例</title>
        <script src="https://unpkg.com/vue/dist/vue.js"></script>
    </head>

    <body>
        <script type="text/javascript">
            //            //只有被代理的属性是响应的
            //            var data={a:1}
            //            var vm=new Vue({
            //                data:data
            //            })
            //            vm.a===data.a
            //            //设置属性也会影响到原始数据
            //            vm.a=2
            //            data.a
            //            //反之亦然
            //            data.a=3
            //            vm.a

            //除了 data 属性， Vue 实例暴露了一些有用的实例属性与方法。这些属性与方法都有前缀 $，以便与代理的 data 属性区分
            var data = {
                a: 1
            }
            var vm = new Vue({
                el: '#example',
                data: data
            })
            vm.$data === data
            vm.$el === document.getElementById('example')
            // $watch 是一个实例方法
            vm.$watch('a', function(newVal, oldVal) {
                // 这个回调将在 `vm.a`  改变后调用
            })
        </script>
    </body>

</html>

 

posted @ 2017-08-07 18:14  零度咖啡  阅读(84)  评论(0)    收藏  举报