Vue 实例及生命周期

// 我们的数据对象
var data = { a: 1 }

// 该对象被加入到一个 Vue 实例中
var vm = new Vue({
data: data
})

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

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

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

实例被创建时 data 中存在的属性是响应式的，当这些数据改变时，视图会进行重渲染。

vm.b = ‘hi’
后期新添加的的属性改动将不会触发任何视图的更新。