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的生命週期。