3. 开始

创建一个vue实例

每一个vue应用，都是通过vue函数创建一个新的vue实例开始的——

var vm=new Vue({
})

而一个项目应该由一个vue实例，【可选的，嵌套的，可复用的】，组件树组成。

数据与方法

当一个vue实例被创建的时候，他会将data中的所有属性加入【响应式系统】中，当其中的值发生改变的时候，都会引发视图产生响应，即，去匹配data中更新的值。

var data = { a: 1 };
      var vm = new Vue({
        data: data
      });

上文便生成了一个简单的实例，并给data附了值。
我们可以使用console.log()方法将vm输出一下，可以看到a变成了vm的属性了，它和外面的{a:1}的值一样，且双方值绑定，其中一方更改，另一方会跟着变化——

/ 获得这个实例上的属性
// 返回源数据中对应的字段
vm.a == data.a // => true

// 设置属性也会影响到原始数据
vm.a = 2
data.a // => 2

// ……反之亦然
data.a = 3
vm.a // => 3

另外【只有data中的数据发生改变的时候，才会触发响应】，如果从外部声明一个data的新变量进来，它并不会触发响应。

所以，【如果想要在赋值的之后触发响应，可以现在data中对值进行初始化，留个空位出来，这样下次被赋值的时候便能正常的响应了】。

此外，vue还暴露了一些较为实用的属性和方法，他们都带有$开头，便于与用户的定义区分开：

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 (newValue, oldValue) {
  // 这个回调将在 `vm.a` 改变后调用
})