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

相关文章
相关标签/搜索