码农知识堂 - 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

  • 相关阅读:
    服务器正文20:跨平台(win和linux)用cmake给程序增加汇编代码
    nodejs多版本管理
    学习编程的基本步骤
    spring boot集成pg
    【Spring注解大全】
    机器学习 - 决策树:技术全解与案例实战
    乐信面试经历
    SpringSecurity基础:自定义登录和登出
    【数据结构与算法】图的介绍和程序实现(含深度优先遍历、广度优先遍历)
    【数据结构】单链表详解(超详细)
  • 原文地址:https://blog.csdn.net/qq_43853213/article/details/125511520
  • 最新文章
  • 沪漂五周年了:我越来越迷茫了
    Agentic Skill Routing 实战:别再把所有 Skill 塞进 AI Agent 上下文
    MySQL-Seconds_behind_master的精度误差
    [MAF预定义ChatClient中间件-03]CachingChatClient——利用缓存省钱省时间
    AI的至暗历史:从万众期待到被政府撤资,AI的两次死亡徘徊
    Agent OS :五种驯服不确定性的范式
    PortSwigger SQL注入LAB11
    数据库即时编译JIT
    [Begin]AI Learn Data Day 0
    深度学习进阶(二十七)现代 LLM 的核心架构设计其二:SwiGLU
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
小工具 小游戏
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1

京公网安备 11010502049817号