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.挂载阶段,先渲染组件,然后挂载组件。

  • 相关阅读:
    Flutter中的剪裁
    flutter设置沉浸式状态栏
    flutter设置主题色和状态栏颜色
    Flutter更改状态栏颜色
    前端基础之JavaScript
    前端基础之CSS
    前端基础之初识 HTML
    socket及其相关(续篇)
    初识socket
    面向对象及其相关
  • 原文地址:https://www.cnblogs.com/njqa/p/7097042.html
Copyright © 2011-2022 走看看