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.

     

  • 相关阅读:
    用“Keras”11行代码构建CNN
    技术 | 使用深度学习检测DGA(域名生成算法)
    未来的超级智能网络攻击需要AI竞技俱乐部来拯救
    开源中国的代码托管
    Hello Java !
    15-include的使用
    14-递归函数
    13-函数的调用
    12-函数的返回值
    11-函数的参数
  • 原文地址:https://www.cnblogs.com/cqiong/p/14446826.html
Copyright © 2011-2022 走看看