Vue实例(笔记)

创建一个Vue实例

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

var vm = new Vue({  
// 选项  
**})**

数据与方法

当一个 Vue 实例被创建时，它将 data 对象中的所有的 property 加入到 Vue 的响应式系统中。当这些 property 的值发生改变时，视图将会产生“响应”，即匹配更新为新的值。

// 数据对象
    var data = { a: 1 }
    // 该对象被加入到一个Vue实例中
    var vm = new Vue({
      data: data
    })
    // 获得这个实例上的property
    // 返回源数据中对应的字段
    vm.a == data.a //true
    // 设置property也会影响到原始数据
    vm.a=2
    data.a //2

实例生命周期钩子

beforeCreate--created--beforeMount--mounted--beforeUpdata--updated--beforeDestroy--destroyed