Vuejs学习系列（十三）---vue实例的生命周期（一）

Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。在这个过程中，实例也会调用一些 生命周期钩子 ，这就给我们提供了执行自定义逻辑的机会。例如，created 这个钩子在实例被创建之后被调用：

var vm = new Vue({

  data: {

    a: 1

  },

  created: function () {

    // `this` 指向 vm 实例

    console.log('a is: ' + this.a)

  }

})

// -> "a is: 1"

在Vue的整个生命周期中，它提供了一系列的事件，可以让我们注册js方法，可以让我们达到控制整个过程的目的地，如果你搞过Asp.Net WebForm的话，你会发现整个就是WebForm的翻版嘛哈哈。值得注意的是，在这些事件响应方法中的this直接指向的是vue的实例。先来看一张官网上的vue实例的生命周期，在这里我做了一备注。先来初步了解vue的生命周期。