一种基于Vue避免大量渲染虚拟DOM的方法及系统

本申请提供了一种基于Vue避免大量渲染虚拟DOM的方法及系统，包括：通过节流防抖策略对频繁触发的事件进行事件节流与防抖，建立数据与组件对应的渲染条件，并根据渲染标记确定是否重新渲染组件；响应于对组件进行渲染，则分别建立组件渲染缓存机制和深度数据监听机制，以渲染生成新的组件；其中，组件渲染缓存机制是在数据未变的情况下，跳过DOM更新，直接复用上一次的渲染结果；深度数据监听机制是对原始数据标记点添加深度监听，以监听标记点位是否更新。本申请精确控制render函数的执行和组件的渲染范围，减少不必要的虚拟DOM计算和对比，提高Vue应用在复杂交互场景下的渲染效率和性能。