### 创建一个Vue实例 ~~~ var vm = new Vue({ // 传入一个选项对象 }) ~~~ ### 数据与方法 ~~~ var vm = new Vue({ el: "#app", data: { a: 1 } }) // 获取实例上的属性 console.log(vm.a); // 除了数据属性，Vue 实例还暴露了一些有用的实例属性与方法。它们都有前缀 `$`，以便与用户定义的属性区分开来 vm.$data === data; //true vm.$el === document.getElementById("app"); //true // $watch是一个实例方法 vm.$watch("a", function(newValue, oldValue){ // vm.a改变时，这里的回调会被调用 }) ~~~ ``` Vue实例被创建，data对象中的所有属性加入到Vue的响应式系统中，属性的值变化，视图将会响应 ``` ### 生命周期 ~~~ new Vue({ data: { a: 1 }, // 这里不要使用箭头函数，因为箭头函数没有this, this会作为变量一直向上级作用域查找，知道找到为止 created: function () { // `this` 指向 vm 实例 console.log('a is: ' + this.a) } }) // => "a is: 1" ~~~ created ``` 实例被创建后执行代码 ```