Vuejs學習系列(十三)---vue實例的生命週期(一)

Vue實例有一個完整的生命週期,也就是從開始建立、初始化數據、編譯模板、掛載Dom、渲染→更新→渲染、卸載等一系列過程,咱們稱這是Vue的生命週期。通俗說就是Vue實例從建立到銷燬的過程,就是生命週期。在這個過程當中,實例也會調用一些 生命週期鉤子 ,這就給咱們提供了執行自定義邏輯的機會。例如,created 這個鉤子在實例被建立以後被調用:vue

var vm = new Vue({this

  data: {url

    a: 1.net

  },code

  created: function () {orm

    // `this` 指向 vm 實例blog

    console.log('a is: ' + this.a)生命週期

  }事件

})ip

// -> "a is: 1"

Vue的整個生命週期中,它提供了一系列的事件,可讓咱們註冊js方法,可讓咱們達到控制整個過程的目的地,若是你搞過Asp.Net WebForm的話,你會發現整個就是WebForm的翻版嘛哈哈。值得注意的是,在這些事件響應方法中的this直接指向的是vue的實例。先來看一張官網上的vue實例的生命週期,在這裏我作了一備註。先來初步瞭解vue的生命週期。