zoukankan      html  css  js  c++  java
  • 深入理解Vue组件生命周期

        

    对上图的理解(个人理解,如有错误,欢迎批评指出)  创建、挂载、更新、


    beforeCreate:组件初始化,但数据原生观测、自定义观测(eventwatcher)没生成之前。      未完全创建阶段

    created:组件创建后,但还未挂载                                 完全创建阶段

    beforeMount:组件渲染后,挂载前。                            渲染后待挂载                  

    mounted: 组件挂载到页面    可用 vm.$el 访问             挂载OK

    beforeUpdate: 虚拟 DOM 重新渲染和打补丁之前        再次渲染前

    updated : 组件 DOM 已经更新                                      再次渲染后              

    activated: keep-alive 组件激活时调用。                       当前组件被激活:显示

    deactivated: keep-alive 组件停用时调用。                   当前组件隐藏

    beforeDestroy: 实例销毁之前调用。实例仍然完全可用。 销毁前

    destroy:   Vue 实例销毁后调用

    补充:

    1.挂载阶段,先渲染组件,然后挂载组件。

  • 相关阅读:
    HackerRank "Arithmetic Expressions" !
    HackerRank "Poker Nim"
    HackerRank "Nimble Game"
    HackerRank "Misère Nim"
    HackerRank "Triangle Numbers"
    HackerRank "Flipping the Matrix"
    HackerRank "Chessboard Game, Again!"
    HackerRank "Tower Breakers, Again!"
    HackerRank
    HackerRank "Richie Rich"
  • 原文地址:https://www.cnblogs.com/njqa/p/7097042.html
Copyright © 2011-2022 走看看