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

    接下来小编给大家介绍一下vue的生命周期以及每个生命周期当中我们适合做什么

    实例的初始化阶段
    1.beforeCreated:当执行到这个函数的时候,当前的实例上只是初始化了主要的生命周期函数而已,但是实例的data和method尚未初始化
    2.Created:当执行到这个函数的时候,表示当前实例的data和method已经初始化好了,如果想要获取自己的首屏数据,最好在created里面进行调用ajax方法
    3.beforeMounted:此时将要把内存当中HTML结构渲染到页面上面, 但是并没有真正的渲染,所以页面上还是空白的,用户看到的还是插值表达式这样的结构
    4.Mounted: 创建阶段的最后一个生命周期函数,初始化一些javaScript插件最好在这个阶段进行初始化


    下面是实例的运行阶段


    5.beforeUpdate:执行到这个函数说明data中的数据是最新的数据了,但是页面上的数据仍然是老数据
    6.Update:表示页面完成了更新,此时data和页面都是最新的
    7.beforeDestory vm实例即将被销毁,此时vm实例还是可以正常进行工作的
    8.destoryed:vm实例已经被毁灭,已经无法正常进行工作了


    这样我们就可以在相应的生命周期函数当中来进行我们的配置了。


    ————————————————
    版权声明:本文为CSDN博主「Michealkz」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
    原文链接:https://blog.csdn.net/qq_43081842/article/details/93660436

  • 相关阅读:
    sql中生成随机字符串的function
    postgresql中uuid的使用
    sql中循环的存储过程
    java发送http的get、post请求
    data:image/png;base64
    Matcher和Pattern总结
    OPENXML解析sp_xml_preparedocument获取的XML句柄
    SqlServer性能优化
    python的2D绘图库matplotlib
    sift&surf检测关键点及描述子
  • 原文地址:https://www.cnblogs.com/Ao-min/p/14850505.html
Copyright © 2011-2022 走看看