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

    生命周期示图:

    下图展示了实例的生命周期。你不需要立马弄明白所有的东西,不过随着你的不断学习和使用,它的参考价值会越来越高。

     

     函数详解:

    beforeCreate组件实例化之前执行的函数(加载动画)

    created:组件实例化完毕,但页面还未显示(结束加载动画,检查main.js中是否有“el”组件或者具体的HTML,如果没有就没有可渲染的东西,结束进程,如果有则进入下一步)

    beforeMount:组件挂载前,页面仍未展示,但虚拟dom已经配置

    mounted:组件挂载后,此方法执行后,页面显示(需要在页面中显示的内容放在这里)

    beforeUpdate:组件更新前,页面仍未更新,但虚拟dom已经配置

    updated:组件更新,此方法执行后,页面显示(dom改变后,增删改查都在update中操作)

    beforeDestroy:组件销毁前

    destroyed:组件销毁

    把生命周期函数运用到项目中可快速理解各函数,最好的运用是在项目中,注意哦:钩子函数和methods是同级

    1.

     

    2.

    3.

     

     4.

     

     5.

    6.

     

  • 相关阅读:
    Md5
    hdu 2569 彼岸
    调用系统相机相冊
    白盒測试
    HDU 1501
    IOS常见错误分析解决(一直更新) 你值得收藏-综合贴
    读“程序猿生存定律”笔记
    Halcon导出的cpp, VC++环境配置
    POJ 1260 Pearls (动规)
    hdoj-1856-More is better【并查集】
  • 原文地址:https://www.cnblogs.com/cqiong/p/14446826.html
Copyright © 2011-2022 走看看