zoukankan      html  css  js  c++  java
  • Vue实例的生命周期

    一、生命周期钩子 = 生命周期函数 = 生命周期事件

    二、创建期间的生命周期函数:

    1、beforeCreate 生命周期函数:实例在内容中被创建出来,此时,data 和 methods 属性 还没有被初始化好!

    2、created 生命周期事件:data 和 methods 属性 已经创建 OK此时还没有开始编译模板

    3、beforeMount 生命周期钩子此时已完成了模板的编译还没有挂载到页面中

    4、mounted :此时,已将编译好的模板,挂载到了页面指定的容器中显示。

    三、运行期间的生命周期函数:

    1、beforeUpdate 生命周期函数 :状态更新之前执行次函数。此时 data 中的状态值是最新的但是界面上显示的数据还是旧的,因为此时还没有开始重新渲染 DOM 节点。

    2、updated 生命周期钩子:实力更新完毕之后调用该函数。此时 data 中的状态值 和界面上显示的数据,都已经完成了更新,界面已经被重新渲染好了。

    四、销毁期间的生命周期钩子:

    1、beforeDestroy:实例销毁前使用;

    2、destroyed:实例销毁之后调用。

     

    created :此时data和methods已经初始化完毕;

    mounted:此时Vue实例已经新建完毕,静静地躺在内存中。

     

  • 相关阅读:
    GPUImage原理
    iOS开发技巧
    iOS如何做出炫酷的翻页效果
    iOS开发CAAnimation详解
    iOS开发CAAnimation类动画, CATransition动画
    iOS开发UUIView动画方法总结
    iOS开发NS_ENUM和NS_OPTIONS区别
    iOS开发SDWebImage源码解析之SDWebImageManager的注解
    iOS开发SDWebImageOptions理解
    Swift-重写(Override)
  • 原文地址:https://www.cnblogs.com/JAVA-STUDYER/p/10911970.html
Copyright © 2011-2022 走看看