zoukankan      html  css  js  c++  java
  • vue生命周期图示

    beforeCreate

    此时,组件的data和methods以及页面DOM结构都还没有初始化,所以这里什么都做不了

    created

    此时,组件的data和methods可用。但页面还没被渲染出来,在该函数中,我们经常会发起ajax请求

    beforeMount

    此时,模板结构已经在内存中编译完成,但还没有真正渲染到页面上。页面上看不到真实的数据,能看到的只是一个模板而已

    mounted

    组件创建阶段的最后一个生命周期。此时,页面已经真正渲染好了,用户可以看到真实页面数据。

    以上执行完,组件就离开了创建阶段,进入运行阶段。如果用到了一些第三方UI插件,必须在mounted中来初始化插件。

    运行中的生命周期函数,会根据data数据的变化有选择性的触发0次或n次

    beforeUpdate

    此时数据是最新的,但页面上呈现的数据还是旧的

    updated

    页面已经完成了更新,此时data数据是最新的,同时页面上呈现的数据也是最新的。

    beforeDestroy

    执行该函数的时候,组件即将被销毁但还没有真正销毁,此时组件(data、methods等数据或方法)还可以正常用。

    destroyed

    组件完成销毁,组件废了

  • 相关阅读:
    NOJ 1116 哈罗哈的大披萨 【淡蓝】 状态压缩DP
    优先队列原理与实现【转】
    testC-I
    济南NOIP冬令营 选拔(select)
    P4747 D’s problem(d)
    P4746 C’s problem(c)
    P4745 B’s problem(b)
    P4744 A’s problem(a)
    [bzoj] 1004: [HNOI2008]Cards
    NOIP2013 表达式求值
  • 原文地址:https://www.cnblogs.com/L-xmin/p/13031773.html
Copyright © 2011-2022 走看看