vue 随笔 vue 的属性和方法

新建的项目中main.js是项目的入口文件

npm run dev 运行文件

npm run bulid  编译

属性与方法

每个Vue实例都会代理其 data 对象里所有的属性：

var data={a:1}

var app= new Vue({

data:data

});

app.a==data.a    //true

tipping:

只有这些被代理的属性是响应的，如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。

除了data属性，Vue实例暴露了一些有用的实例属性和方法。这些属性与方法都有前缀$,以便与代理的data属性区分。

var data = { a: 1 }

var vm = new Vue({

el: '#example',

data: data

})

vm.$data === data // -> true

vm.$el === document.getElementById('example') // -> true

// $watch 是一个实例方法

vm.$watch('a', function (newVal, oldVal) {

// 这个回调将在 `vm.a` 改变后调用

})