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实例已经新建完毕,静静地躺在内存中。

     

  • 相关阅读:
    正则表达式
    小弟新从csdn搬迁到博客园,欢迎大家关注
    做完牛腩新闻发布系统之后的收获(牛腩总结)
    ValidateRequest="false" 无效
    sql server小技巧-自动添加时间与主键自增长
    css初接触
    Spark的Rpct模块的学习
    插入排序
    选择排序
    冒泡排序
  • 原文地址:https://www.cnblogs.com/JAVA-STUDYER/p/10911970.html
Copyright © 2011-2022 走看看