vuex数据管理的优化方法、装置、电子设备及可读存储介质制造方法及图纸

本申请提供了一种vuex数据管理的优化方法、装置、电子设备及计算机可读存储介质，该方法包括：获取树形数据并进行解析，确定每个节点的节点标识；基于每个节点的节点标识，确定每个目标节点的路径信息，其中路径信息中的最后一个节点为目标节点；基于每个目标节点的路径信息，获取每个目标节点的数据值；基于每个目标节点的数据值和路径信息，渲染每个目标节点对应的vue组件。本申请能够在进行数据渲染时，有效地减少内存损耗。有效地减少内存损耗。有效地减少内存损耗。

【技术实现步骤摘要】
vuex数据管理的优化方法、装置、电子设备及可读存储介质


[0001]本申请属于数据处理领域，尤其涉及一种vuex数据管理的优化方法、装置、电子设备及计算机可读存储介质。

技术介绍

[0002]现有技术中，web前端普遍使用响应式的技术框架构建前端工程。其中，响应式数据绑定是指，当页面中绑定的数据发生变化时，对应页面能够自动变化。在进行工程开发中，往往会处理很多数据，这些数据保存在我们程序内，对数据进行状态管理。
[0003]其中，vuex正是web前端的一种状态管理机制，vuex管理数据遵循vue组件的响应式原理，将vuex管理的数据状态都封装成了响应数据，当在页面UI中使用vuex状态管理，在vuex数据变化，UI页面展现也会响应变化。
[0004]然而，当vuex状态管理的数据是一个深层次的树状结构数据时，vuex在初始化需要把数据对象转化成响应式对象，需要深度遍历数据，一层层包装成响应式对象数据，直到叶子属性为止，响应式数据才转化完成，响应式对象数据占用的内存会相当巨大，对页面的渲染性能也造成很大的损耗。
[00本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种vuex数据管理的优化方法，其特征在于，所述方法包括：获取树形数据并进行解析，确定每个节点的节点标识；基于每个节点的节点标识，确定每个目标节点的路径信息，其中所述路径信息中的最后一个节点为目标节点；基于每个目标节点的所述路径信息，获取所述每个目标节点的数据值；基于每个所述目标节点的数据值和路径信息，渲染每个所述目标节点对应的vue组件。2.根据权利要求1所述的vuex数据管理的优化方法，其特征在于，基于每个所述目标节点的数据值和路径信息，渲染每个所述目标节点对应的vue组件，包括：基于每个所述目标节点的路径信息，确定对应的所述vue组件的计算属性标识；基于每个所述目标节点的数据值，确定对应的所述vue组件的计算属性；基于所述vue组件的计算属性，渲染所述vue组件。3.根据权利要求2所述的vuex数据管理的优化方法，其特征在于，针对任意一个目标节点，所述方法还包括：获取所述目标节点的监测参数；判断所述目标节点的监测参数是否与所述vue组件的计算属性标识一致；在所述监测参数与所述计算属性标识一致时，重新渲染所述vue组件。4.根据权利要求3所述的vuex数据管理的优化方法，其特征在于，在所述监测参数与所述计算属性标识一致时，重新渲染所述vue组件，包括：在所述监测参数与所述计算属性标识一致时，更新所述vue组件的状态数据；基于所述vue组件的计算属性，重新渲染所述vue组件。5.根据权利要求3所述的vuex数据管理的优化方法，其特征在于，所述获取所述目标节点的监测参数，包括：基于预设的第一规则判断所述目标节点的数据...

【专利技术属性】
技术研发人员：李良，李彤，
申请(专利权)人：北京元年科技股份有限公司，
类型：发明
国别省市：