Joker 智能开发平台-组件生命周期

简介: 本文介绍了组件生命周期管理方法。在组件数据面板可添加和管理生命周期函数,包括创建、挂载、销毁等阶段。Joker框架支持通过keep-alive属性保持组件状态,并提供了6个关键生命周期函数:created(创建后)、mounted(挂载后)、beforeDestroy(销毁前)、destroyed(销毁后)、sleeped(休眠后)和weakup(唤醒后)。文中还包含相关逻辑编排文档链接和生命周期流程图解说明。

组件生命周期

本章主要介绍组件生命周期的创建和维护。

如何创建和维护

我们可以在组件数据面板中的逻辑/事件 - 生命周期中来管理我们的组件生命周期。当我们生命周期右侧的加号按钮后,可以添加生命周期函数。添加后,我们即可在这里维护我们的生命周期逻辑了。(逻辑编排帮助文档可以在这里中查看。)
component2.png

一个组件或者页面,从创建到销毁是由完整的一套生命周期函数的,我们可以通过这些函数来实现在不同节点中的业务处理。

component-life.png

在默认的 Joker 体系下,一个组件的挂载和卸载都是一次性的,不存在状态保持,为了满足组件状态的保持,Joker 提供了 keep-alive 属性,可以主动让一个组件在调用 destroy 时,只销毁 DOM 节点,而不去销毁组件实例,当组件再次被装载时会使用存活实例重新 renderDOM,实现组件的状态保持。

针对以上的介绍,那这种保持状态的组件生命周期如下:
keepalive-life.png

列表

函数名称 介绍
created 组件创建后触发
mounted 组件渲染完毕并挂载 DOM 后触发
beforeDestroy 组件销毁前触发
destroyed 组件销毁后触发,作为生命周期最后一个钩子函数
sleeped 组件被睡眠后的钩子函数
weakup 组件被唤醒后触发的钩子函数

逻辑编排教程请查看:逻辑编排

相关文章
|
5月前
|
敏捷开发 前端开发 测试技术
测试之道:重构你的测试策略 - 测试金字塔模型
测试之道:重构你的测试策略 - 测试金字塔模型
472 118
|
5月前
|
机器学习/深度学习 算法 机器人
大模型强化学习的熵控制:CE-GPPO、EPO与AsyPPO技术方案对比详解
近期LLM强化学习进展迅速,CE-GPPO、EPO与AsyPPO三篇论文从梯度恢复、时序平滑与非对称critic集成等角度,分别解决熵控难题,共同推动大规模推理模型训练方法革新。
397 3
大模型强化学习的熵控制:CE-GPPO、EPO与AsyPPO技术方案对比详解
|
5月前
|
编解码 缓存 监控
《首屏加载优化手册:Vue3+Element Plus项目提速的技术细节》
本文记录了Vue3+Element Plus开发的企业内部管理系统首屏加载优化实践。该系统因组件全量引入、图片未优化、接口调用无序,首屏加载达6秒,用户投诉频发。作者团队用Chrome DevTools定位瓶颈后,以“分阶段、抓核心”策略优化:代码层面拆分资源、按需引入组件;静态资源转WebP并适配分辨率;调整接口调用顺序,延迟非核心请求,还添加骨架屏优化体验。优化后首屏加载稳定在1.8-2.2秒,系统使用率提升12%。作者强调优化需贴合用户体验,建立监控体系,避免盲目追求技术指标。
372 6
|
5月前
|
存储 运维 监控
《日志驱动系统优化:分布式架构下从排障到业务赋能的实战案例》
本文围绕分布式系统日志治理展开,记录了从日志混乱导致3小时故障排查,到优化后20分钟定位问题的实践过程。作者团队先确定“先规范、再存储、后优化”思路,解决多技术栈日志格式不统一、老模块TraceID透传难题,通过轻量切面实现兼容;再优化ELK索引策略与冷热数据分离,提升检索效率;还挖掘日志额外价值,预警业务异常、优化资源调度。方案运行8个月效果显著,作者强调日志治理需随业务迭代优化,建议团队从痛点切入,循序渐进落地,让日志成为系统优化的助力。
163 3
|
5月前
|
机器学习/深度学习 大数据 关系型数据库
基于python大数据的台风灾害分析及预测系统
针对台风灾害预警滞后、精度不足等问题,本研究基于Python与大数据技术,构建多源数据融合的台风预测系统。利用机器学习提升路径与强度预测准确率,结合Django框架实现动态可视化与实时预警,为防灾决策提供科学支持,显著提高应急响应效率,具有重要社会经济价值。
|
安全 Linux 数据安全/隐私保护
国内外四款强大的远控使用体验:ToDesk、向日葵、AnyDesk、Microsoft 远程桌面横向比较
国内外四款强大的远控使用体验:ToDesk、向日葵、AnyDesk、Microsoft 远程桌面横向比较
2657 0
|
5月前
|
NoSQL Java 网络安全
RedisFX Maven 使用教程
RedisFX 是基于 JavaFX 的 Redis 图形化管理工具,支持 SSH/SSL、Cluster 与 Sentinel 模式,提供多种数据类型操作。通过 Maven 集成,无需安装,版本可控,轻松嵌入 Java 项目,提升开发效率。需 JDK21+ 环境。
RedisFX Maven 使用教程
|
5月前
|
Java 应用服务中间件 API
【App Service】部署War包到Azure云上遇404错误
Java应用部署至Azure App Service for Windows后报404,本地运行正常。经排查,日志提示类文件版本不兼容:应用由Java 17(class file version 61.0)编译,但环境仅支持到Java 11(55.0)。错误根源为Java版本不匹配。调整App Service的Java版本至17后问题解决,成功访问接口。
306 2