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.

     

  • 相关阅读:
    面向接口程序设计思想实践
    Block Chain Learning Notes
    ECMAScript 6.0
    Etcd Learning Notes
    Travis CI Build Continuous Integration
    Markdown Learning Notes
    SPRING MICROSERVICES IN ACTION
    Java Interview Questions Summary
    Node.js Learning Notes
    Apache Thrift Learning Notes
  • 原文地址:https://www.cnblogs.com/cqiong/p/14446826.html
Copyright © 2011-2022 走看看