美文网首页
Vue实例的生命周期

Vue实例的生命周期

作者: 电影里的梦i | 来源:发表于2017-09-15 11:23 被阅读0次

1.beforeCreate: 创建了Vue组件实例,但是组件属性还未初始化。比如,data, elt等为undefined。

2.created: 初始化数据对象和事件,例如:可以访问属性this.$data。这时最适合做ajax请求,初始化需要渲染的数据。

3.beforeMount: 进行模板编译,但是,模板内容还未插入页面DOM中。

4.mouted: 将生成好的的模板挂载在DOM树上,并且,组件属性this.$el被赋值

5.beforeUpdate: 组件更新之前

6.updated: 组件更新之后

7.beforeDestory: 组件销毁之前,这时,已经调用this.$destory()

8.destoryed: 组件销毁完毕。这时,组件上的watcher,子组件和事件监听都会被销毁

相关文章

  • Vue.js入门(二):生命周期

    1 生命周期 Vue生命周期是Vue实例从创建到销毁的过程,就是生命周期。在Vue实例的生命周期过程中会运行生命周...

  • vue学习第二课之vue的生命周期

    vue生命周期图解: vue实例的生命周期 什么是生命周期:从Vue实例创建、运行、到销毁期间,总是伴随着各种各样...

  • vue生命周期

    一 vue生命周期 Vue的生命周期:就是vue实例从创建到销毁的全过程 二 vue生命周期钩子 vue生命周期...

  • 10、Vue_生命周期

    实例的生命周期 实例的生命周期图示(选项/生命周期钩子)实例生命周期 解释1.var v = new Vue{}:...

  • Vue生命周期

    vue生命周期 vue实例的创建到销毁的过程就是vue的生命周期,也就是实例创建-->初始化数据-->编译模板--...

  • 一、vue基础知识点

    每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的: 实例生命周期钩子 每个 Vue 实例...

  • Vue

    Vue框架 一、Vue基础 添加Vue到网页(无需保存到本地) Vue生命周期 二、Vue 实例 创建Vue实例:...

  • VUE实例生命周期钩子

    1、vue实例生命周期钩子的由来 每个vue应用都是通过vue函数创建一个新的vue实例开始的: vue实例再被创...

  • 前端之路-VUE面试题

    vue生命周期面试题vue 生命周期是什么? Vue 实例从创建到销毁的过程,就是生命周期 beforeCreat...

  • 2.Vue实例生命周期

    Vue实例有一个完整的生命周期,顾名思义就是指Vue实例从创建到销毁的过程。下面将借助官网上的Vue实例生命周期示...

网友评论

      本文标题:Vue实例的生命周期

      本文链接:https://www.haomeiwen.com/subject/dmjssxtx.html