码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • 前端 vue生命周期


    beforeCreate

    创建了一个空白的vue实例
    data method 尚未被初始化,不可使用

    created

    vue 实例初始化完成,完成响应式绑定
    data method 都已经初始化完成,可调用
    没有开始渲染模板

    beforeMounted

    编译模板,调用render生成vdom
    还没有开始渲染DOM

    mounted

    完成DOM渲染
    组件创建完成
    开始由 创建阶段, 进入 运行阶段

    beforeUpdata

    data 发生变化之后
    准备更新 DOM (尚未更新DOM)

    updated

    data发生改变,DOM更新完成
    不要再updated中修改data,可能会死循环

    beforeUnmounted

    组件进入销毁阶段,(还没有被销毁,可以正常使用)
    可以移除、解绑一些全局事件,清除定时器,自定义事件等。

    unmounted

    组件被销毁了
    所有子组件也都被销毁了

    vue3 compositionAPI生命周期有何区别

    setup 代替了 beforeCreate 和 created
    使用hooks 函数的形式,如mounted 改为 onMounted

    keep-alive组件的生命周期

    onActivated 缓存组件被激活
    onDeactivated 缓存组件被隐藏

    在正常开发,挂载周期的执行顺序为:

    父beforeCreate => 父created => 父beforeMount => 子beforeCreate => 子created => 子beforeMount => 子mounted => 父mounted

    在数据更新阶段执行顺序为:

    父beforeUpdate => 子beforeUpdate => 子updated => 父updated

    在组件销毁阶段执行顺序为:

    父beforeDestroy -> 子beforeDestroy -> 子destroyed -> 父destroyed

  • 相关阅读:
    敏捷开发时代,彻底结束了
    Qt状态机框架
    Java框架 Spring5--JdbcTemplate
    同花顺_代码解析_技术指标_C
    【ARM Coresight 系列文章 3.3 - ARM Coresight JTAG 详细介绍】
    关于用STM32ADC TP100测温电路的分析学习
    P1969 [NOIP2013 提高组] 积木大赛
    Linux Ubuntu系统中添加磁盘
    自动化和数字化在 ERP 系统中意味着什么?
    Java—基础知识测试总结1
  • 原文地址:https://blog.csdn.net/qq_43853213/article/details/125511520
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号