美文网首页
Vue生命周期(详解)

Vue生命周期(详解)

作者: 陈大事_code | 来源:发表于2019-06-12 16:25 被阅读0次
u=870570909,3275181928&fm=26&gp=0.jpg
  1. beforeCreate:刚刚new Vue()之后,这个时候,数据还没有挂载呢,只是一个空壳
  2. created:这个时候已经可以使用到数据,也可以更改数据,在这里更改数据不会触发updated函数
  3. beforeMount:虚拟dom已经创建完成,马上就要渲染,在这里也可以更改数据,不会触发updated
  4. mounted:组件已经出现在页面中,数据、真实dom都已经处理好了,事件都已经挂载好了
  5. beforeUpdate:重新渲染之前触发(注:其中不可更改数据,否则会进入死循环)
  6. updated:数据已经更改完成,dom也重新render完成(注:其中不可更改数据,否则会进入死循环)
  7. beforeDestroy:销毁前执行(一般在这里善后:清除计时器、清除非指令绑定的事件等等)
  8. destroyed:解除所有数据绑定、监听等。只剩dom空格。

相关文章

  • vue生命周期

    vue生命周期详: vue生命周期详解图: vue生命周期详解代码展示:

  • 入门

    Vue官方文档生命周期详解 vue-routervue-router官方文档vue-router详解

  • Vue生命周期

    Vue生命周期详解 一、Vue生命周期 与 作用 (生命周期钩子就是生命周期函数) (1)Vue生命周期:每个Vu...

  • 2.vue生命周期钩子

    vue2.0生命周期图文详解 什么是生命周期:

  • 学习链接

    vue-router教程总结 vue生命周期和钩子函数 详解vue生命周期 Vue2.0八——知识点整理 vuex...

  • vue 生命周期 详解

    详解Vue Lifecycle 先来看看vue官网对vue生命周期的介绍 Vue实例有一个完整的生命周期,也就是从...

  • Vue的生命周期和钩子函数

    Vue的生命周期 Vue示例被创建到销毁的过程 Vue的钩子函数详解

  • 2020-02-11

    vue生命周期详解 摘自:https://www.jianshu.com/p/672e967e201c Vue实例...

  • vue1.0和2.0的生命周期详解

    Vue#1.0和#2.0生命周期详解 1.0 生命周期image2.0 生命周期imageimage 两个版本对比...

  • Vue实例详解与生命周期

    Vue实例详解与生命周期 Vue的实例是Vue框架的入口,其实也就是前端的ViewModel,它包含了页面中的业务...

网友评论

      本文标题:Vue生命周期(详解)

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