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` 改变后调用
})