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.

     

  • 相关阅读:
    语义web服务发现实验框架
    Shiro的标签说明
    oj2694 逆波兰表达式
    poj1164 The Castle
    poj1161 Walls
    nyoj19 擅长排列的小明
    poj1664 放苹果
    nyoj236 心急的C小加
    oj2755 神奇的口袋
    poj1979 Red and Black
  • 原文地址:https://www.cnblogs.com/cqiong/p/14446826.html
Copyright © 2011-2022 走看看