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 组件被唤醒后触发的钩子函数

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

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

热门文章

最新文章