[发明专利]用于Vuex模块的数据合并方法、装置、设备及介质

说明书

本公开是关于一种用于Vuex模块的数据合并方法、装置、设备及介质，涉及计算机技术领域，用以实现Vuex模块中多层次结构的有效合并。所述用于Vuex模块的数据合并方法，包括：获取第一数据模块和第二数据模块；针对所述第一数据模块中的目标属性，利用所述目标属性对应的属性合并函数，将所述第二数据模块的目标属性的属性值合并入第一数据模块的目标属性中，所述目标属性为所述第一数据模块中的任一属性，且不同目标属性对应的属性合并函数不同。

技术领域

本公开涉及计算机技术领域，尤其涉及一种用于Vuex模块的数据合并方法、装置、设备和存储介质。

背景技术

随着计算机技术的飞速演进以及桌面、手持硬件设备性能的持续提升，在B/S(Browser/Server)形式的业务模型中，对Web前端应用程序所能承载的业务体量和提供的用户交互体验提出了更高的要求。Vue框架以其低廉的入门成本、卓越的运行时效和丰富的周边工具，迅速成为了海量业务的首选技术方案。

在高度复杂的Web前端业务中，状态变量和数据量极速增长，具有多层次结构的Vuex被用来实现Web应用程序中的复杂海量数据的优化管理。其提供的模块(module)功能可以用来封装聚合关联的数据状态，将整个应用程序的数据划分为相对解耦的多个数据集合，也可以与视图组件相互映射，实现更丰富的业务模块化，优化代码的可复用性。但是对于可复制重用的Vue module结构，无法避免地需要一定的可配置性、可覆写特性，重写其中的字段或者函数，生成业务真正所需的module结构。

现有技术中通常采用以下两种方式生成module结构：

方式一、使用模块生成器函数，传入可能有变化的参数、字段，生成module结构。由于一个module结构可能拥有大量的可配置字段，此种方式无疑会为生成器函数的参数签名增加大量的不确定性，丧失灵活性，且增加不兼容风险。

方式二、使用lodash.merge、Object.assign等函数进行可配置项的合并，生成module结构。此种方式下，一方面，Vuex module为多层次结构，Object.assign只能合并结构中的第一层；另一方面，lodash.merge过多地合并了数据值，例如，其会将本来是覆盖关系的数组进行数组项的合并。

综上所述，上述两种方式均不能实现Vuex模块中多层次结构的有效合并。

发明内容

本公开实施例提供一种用于Vuex模块的数据合并方法、装置、设备和存储介质，用以实现Vuex模块中多层次结构的有效合并。

第一方面，本公开实施例提供了一种用于Vuex模块的数据合并方法，包括：获取第一Vuex模块和第二Vuex模块；针对第一Vuex模块中的目标属性，利用目标属性对应的属性合并函数，将第二Vuex模块的目标属性的属性值合并入第一Vuex模块的目标属性中，目标属性为第一Vuex模块中的任一属性，且不同目标属性对应的属性合并函数不同。

本公开实施例提供的用于Vuex模块的数据合并方法，针对第一Vuex模块中的每一属性，利用该属性对应的属性合并函数，将第二Vuex模块中该属性的属性值合并入第一Vuex模块的该属性中，与现有技术相比，针对多层次结构的数据模块，对数据结构中包含子属性的属性，同样可以通过属性合并函数进行合并，从而实现了多层次结构的数据模块的有效合并。

在一种可能的实施方式中，目标属性包括以下一种或多种：数据状态state、根据state衍生得到的计算状态getters、修改state的函数mutations、访问state、getters和mutations的函数action、子数据模块modules、action访问数据的访问路径选择标志位namespaced。

在一种可能的实施方式中，目标属性包括数据状态state时，state对应的属性合并函数，包括：