CN111858314B - 一种对vue进行状态管理的方法、系统、设备及介质 - Google Patents

Abstract

本发明公开了一种对vue进行状态管理的方法、系统、设备和存储介质，方法包括以下步骤：创建全局状态管理文件和若干局部状态管理文件，并基于业务类型判断当前状态是全局状态管理还是局部状态管理；响应于当前状态是全局状态管理，启用全局状态管理文件并判断是否需要加入局部状态管理文件；响应于需要加入局部状态管理文件，通过正则表达式匹配对应的局部状态管理文件，并将对应的局部状态管理文件的名称加入到全局状态管理文件中；以及对状态值进行监听，响应于状态值发生改变，基于当前状态和状态值对vue中的页面进行相应的改变。

Description

一种对vue进行状态管理的方法、系统、设备及介质

技术领域

本发明涉及状态管理领域，更具体地，特别是指一种对vue进行状态管理的方法、系统、计算机设备及可读介质。

背景技术

当今市场，Vue框架已经逐渐成为绝大多数公司的前端首选框架。而Vuex作为官方推出的Vue框架状态管理插件，也毫无疑问的成为了很多公司及独立开发者的首选。Vuex虽然可以帮我们实现状态的管理，但是同样也增加了开发的成本和项目复杂性。不仅如此，它使得所有的业务模块的状态相关信息存在闭包，不仅污染了系统的全局环境，还增重了项目运行加载负担，降低了页面加载速度，增加了项目打包后的文件大小(针对SPA)。如果一个项目中存在非常庞大数量的状态信息需要我们去进行维护。毫无疑问，Vuex可能是你的首选方案。因为它可以安装后即用。可很多项目中可能只存在少数的状态数据需要进行维护，或者追求系统性能的极致。此时，如果要使用Vuex不仅不能帮助我们解决问题，反而会加重问题，增加项目复杂度。

发明内容

有鉴于此，本发明实施例的目的在于提出一种对vue进行状态管理的方法、系统、计算机设备及计算机可读存储介质，通过数据监听实现Vue的状态管理，不仅降低了开发的成本和项目复杂性，而且避免了所有业务模块的状态全部抛向全局而造成的全局环境被污染，降低了加载负担，提升了加载速度，减少了项目打包后的文件大小；并且对每个业务模块进行了合理的代码分离，每个业务模块的状态管理各司其职，互不干预；同时，增强了状态管理的横向扩展能力，无需因为业务模块的增加和减少对代码进行反复的修改。最终实现了状态管理的分离、加载的自动化、项目打包后文件体积的减小及渲染加载的优化。

基于上述目的，本发明实施例的一方面提供了一种对vue进行状态管理的方法，包括如下步骤：创建全局状态管理文件和若干局部状态管理文件，并基于业务类型判断当前状态是全局状态管理还是局部状态管理；响应于当前状态是全局状态管理，启用所述全局状态管理文件并判断是否需要加入局部状态管理文件；响应于需要加入局部状态管理文件，通过正则表达式匹配对应的局部状态管理文件，并将所述对应的局部状态管理文件的名称加入到所述全局状态管理文件中；以及对状态值进行监听，响应于所述状态值发生改变，基于当前状态和状态值对vue中的页面进行相应的改变。

在一些实施方式中，所述创建全局状态管理文件和局部状态管理文件包括：采用不同的命名规则分别对所述全局状态管理文件和所述局部状态管理文件进行命名。

在一些实施方式中，还包括：响应于不需要加入局部状态管理文件，将所述全局状态管理文件挂载到全局对象下，并通过所述全局对象获取全局状态管理数据。

在一些实施方式中，还包括：响应于当前状态是局部状态管理，启用所述局部状态管理文件并判断是否需要加入其他局部状态管理文件。

在一些实施方式中，还包括：响应于不需要加入其他局部状态管理文件，获取所述局部状态管理数据。

在一些实施方式中，还包括：响应于需要加入其他局部状态管理文件，根据正则表达式匹配对应的其他局部状态管理文件。

在一些实施方式中，还包括：判断所述局部状态管理文件与所述其他局部状态管理文件是否能够相互调用；以及响应于所述局部状态管理文件与所述其他局部状态管理文件能够相互调用，将所述局部状态管理文件与所述其他局部状态管理文件进行合并。

本发明实施例的另一方面，还提供了一种对vue进行状态管理系统，包括：创建模块，配置用于创建全局状态管理文件和若干局部状态管理文件，并基于业务类型判断当前状态是全局状态管理还是局部状态管理；全局模块，配置用于响应于当前状态是全局状态管理，启用所述全局状态管理文件并判断是否需要加入局部状态管理文件；执行模块，配置用于响应于需要加入局部状态管理文件，通过正则表达式匹配对应的局部状态管理文件，并将所述对应的局部状态管理文件的名称加入到所述全局状态管理文件中；以及监听模块，配置用于对状态值进行监听，响应于所述状态值发生改变，基于当前状态和状态值对vue中的页面进行相应的改变。

本发明实施例的又一方面，还提供了一种计算机设备，包括：至少一个处理器；以及存储器，所述存储器存储有可在所述处理器上运行的计算机指令，所述指令由所述处理器执行时实现如上方法的步骤。

本发明实施例的再一方面，还提供了一种计算机可读存储介质，计算机可读存储介质存储有被处理器执行时实现如上方法步骤的计算机程序。

本发明具有以下有益技术效果：通过数据监听实现Vue的状态管理，不仅降低了开发的成本和项目复杂性，而且避免了所有业务模块的状态全部抛向全局而造成的全局环境被污染，降低了加载负担，提升了加载速度，减少了项目打包后的文件大小；并且对每个业务模块进行了合理的代码分离，每个业务模块的状态管理各司其职，互不干预；同时，增强了状态管理的横向扩展能力，无需因为业务模块的增加和减少对代码进行反复的修改。最终实现了状态管理的分离、加载的自动化、项目打包后文件体积的减小及渲染加载的优化。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的实施例。

图1为本发明提供的对vue进行状态管理的方法的实施例的示意图；

图2为本发明提供的对vue进行状态管理的计算机设备的实施例的硬件结构示意图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚明白，以下结合具体实施例，并参照附图，对本发明实施例进一步详细说明。

需要说明的是，本发明实施例中所有使用“第一”和“第二”的表述均是为了区分两个相同名称非相同的实体或者非相同的参量，可见“第一”“第二”仅为了表述的方便，不应理解为对本发明实施例的限定，后续实施例对此不再一一说明。

Vue是当前市场主流MVVM前端框架，Vuex是一个专为Vue.js应用程序开发的状态管理模式。本发明的目的是在不使用Vuex的情况下对Vue的状态进行管理。

基于上述目的，本发明实施例的第一个方面，提出了一种对vue进行状态管理的方法的实施例。图1示出的是本发明提供的对vue进行状态管理的方法的实施例的示意图。如图1所示，本发明实施例包括如下步骤：

S1、创建全局状态管理文件和若干局部状态管理文件，并基于业务类型判断当前状态是全局状态管理还是局部状态管理；

S2、响应于当前状态是全局状态管理，启用全局状态管理文件并判断是否需要加入局部状态管理文件；

S3、响应于需要加入局部状态管理文件，通过正则表达式匹配对应的局部状态管理文件，并将对应的局部状态管理文件的名称加入到全局状态管理文件中；以及

S4、对状态值进行监听，响应于状态值发生改变，基于当前状态和状态值对vue中的页面进行相应的改变。

创建全局状态管理文件和局部状态管理文件，并基于业务类型判断当前状态是全局状态管理还是局部状态管理。在主模块中创建一个全局状态管理文件，用于存放全局状态管理相关内容；在业务模块中创建一个局部状态管理文件，用于存放局部状态管理相关内容。

在一些实施方式中，所述创建全局状态管理文件和局部状态管理文件包括：采用不同的命名规则分别对所述全局状态管理文件和所述局部状态管理文件进行命名。在主项目模块下创建一个文件夹，并在该文件夹下面创建用于存放全局状态管理数据的js文件，例如全局状态管理文件名称以.global.js为命名后缀。在业务模块目录下创建一个文件夹，并在文件夹下面创建用于存放局部状态管理数据的js文件，例如局部状态管理文件名称以.module.js为命名后缀。为了在自动引入局部状态管理数据时，能够区分全局状态管理文件和局部状态管理文件，可以采用不同的命名规则对全局状态管理文件和局部状态管理文件进行命名。

根据业务类型的不同，可以将状态大致分为以下四类：直接使用全局状态管理、直接使用局部状态管理、使用全局状态管理并引入局部状态管理、使用局部状态管理并引入其他局部状态管理。由于不同状态下对状态管理的方式可能存在一些差别，因此，需要判断目前情况对应的状态。

响应于当前状态是全局状态管理，启用全局状态管理文件并判断是否需要加入局部状态管理文件。

响应于需要加入局部状态管理文件，通过正则表达式匹配对应的局部状态管理文件，并将对应的局部状态管理文件的名称加入到全局状态管理文件中。在主模块的状态管理文件夹中，创建一个用来扫描加载局部状态管理函数的文件，例如：loadModuleStore.js；在文件中创建一个函数，该函数通过打包工具在项目运行或打包时的特性扫描匹配局部状态管理文件名称的正则表达式规则，例如：使用webpack扫描文件后缀为.module.js的文件。然后遍历扫描到的文件内容，并根据扫描到的文件中的自定义局部名称将数据合并成一个对象，并将最终生成的对象返回；在主模块初始化时，调用创建的扫描加载函数，并利用扫描加载函数返回的对象进行页面展示。

在一些实施方式中，还包括：响应于不需要加入局部状态管理文件，将所述全局状态管理文件挂载到全局对象下，并通过所述全局对象获取全局状态管理数据。在页面初始化时，将全局状态管理文件挂载到全局对象下，例如浏览器自带的Window对象或者Vue的原型链对象下；在项目下的任何展示页面中通过全局对象获取到全局状态管理数据并应用到页面指定位置。

在一些实施方式中，还包括：响应于当前状态是局部状态管理，启用所述局部状态管理文件并判断是否需要加入其他局部状态管理文件。

在一些实施方式中，还包括：响应于不需要加入其他局部状态管理文件，获取所述局部状态管理数据。

在一些实施方式中，还包括：响应于需要加入其他局部状态管理文件，根据正则表达式匹配对应的其他局部状态管理文件。在业务模块的状态管理文件夹中，创建一个用来扫描加载局部状态管理函数的文件，例如：loadOtherModuleStore.js；在文件中定义一个接收一个数组参数的函数，函数只获取与数组中的元素和局部状态管理后缀拼接后的字符串匹配的文件；在业务模块页面初始化时，调用创建的扫描函数并传入需要加载的其他状态管理文件前缀名。通过返回的对象中获取需要的数据并在页面中展示。

对状态值进行监听，响应于状态值发生改变，基于当前状态和状态值对vue中的页面进行相应的改变。

在一些实施方式中，还包括：判断所述局部状态管理文件与所述其他局部状态管理文件是否能够相互调用；以及响应于所述局部状态管理文件与所述其他局部状态管理文件能够相互调用，将所述局部状态管理文件与所述其他局部状态管理文件进行合并。

本发明不使用官方提供的Vuex插件，而是通过数据监听，对状态值进行监听，并通过扫描实现状态管理的自动化引入。将Vue的状态管理整体划分为全局和局部两种状态，并通过数据监听实现状态管理的基础功能；通过创建扫描函数对状态管理文件进行扫描实现状态管理引入。最终达到不使用Vuex插件，通过数据监听和自动化加载实现Vue的状态管理的功能。本发明不仅降低了开发的成本和项目复杂性，而且避免了所有业务模块的状态全部抛向全局而造成的全局环境被污染，降低了加载负担，提升了加载速度，减少了项目打包后的文件大小。并且对每个业务模块进行了合理的代码分离，每个业务模块的状态管理各司其职，互不干预；同时，增强了状态管理的横向扩展能力，无需因为业务模块的增加和减少对代码进行反复的修改；最终实现了状态管理的分离、加载的自动化、项目打包后文件体积的减小及渲染加载的优化。

需要特别指出的是，上述对vue进行状态管理的方法的各个实施例中的各个步骤均可以相互交叉、替换、增加、删减，因此，这些合理的排列组合变换之于对vue进行状态管理的方法也应当属于本发明的保护范围，并且不应将本发明的保护范围局限在实施例之上。

基于上述目的，本发明实施例的第二个方面，提出了一种对vue进行状态管理系统，包括：创建模块，配置用于创建全局状态管理文件和若干局部状态管理文件，并基于业务类型判断当前状态是全局状态管理还是局部状态管理；全局模块，配置用于响应于当前状态是全局状态管理，启用所述全局状态管理文件并判断是否需要加入局部状态管理文件；执行模块，配置用于响应于需要加入局部状态管理文件，通过正则表达式匹配对应的局部状态管理文件，并将所述对应的局部状态管理文件的名称加入到所述全局状态管理文件中；以及监听模块，配置用于对状态值进行监听，响应于所述状态值发生改变，基于当前状态和状态值对vue中的页面进行相应的改变。

在一些实施方式中，所述创建模块还配置用于：采用不同的命名规则分别对所述全局状态管理文件和所述局部状态管理文件进行命名。

在一些实施方式中，还包括：全局数据模块，配置用于响应于不需要加入局部状态管理文件，将所述全局状态管理文件挂载到全局对象下，并通过所述全局对象获取全局状态管理数据。

在一些实施方式中，还包括：局部模块，配置用于响应于当前状态是局部状态管理，启用所述局部状态管理文件并判断是否需要加入其他局部状态管理文件。

在一些实施方式中，还包括：局部数据模块，配置用于响应于不需要加入其他局部状态管理文件，获取所述局部状态管理数据。

在一些实施方式中，还包括：匹配模块，配置用于响应于需要加入其他局部状态管理文件，根据正则表达式匹配对应的其他局部状态管理文件。

在一些实施方式中，还包括：合并模块，配置用于判断所述局部状态管理文件与所述其他局部状态管理文件是否能够相互调用；以及响应于所述局部状态管理文件与所述其他局部状态管理文件能够相互调用，将所述局部状态管理文件与所述其他局部状态管理文件进行合并。

基于上述目的，本发明实施例的第三个方面，提出了一种计算机设备，包括：至少一个处理器；以及存储器，存储器存储有可在处理器上运行的计算机指令，指令由处理器执行以实现如下步骤：S1、创建全局状态管理文件和若干局部状态管理文件，并基于业务类型判断当前状态是全局状态管理还是局部状态管理；S2、响应于当前状态是全局状态管理，启用全局状态管理文件并判断是否需要加入局部状态管理文件；S3、响应于需要加入局部状态管理文件，通过正则表达式匹配对应的局部状态管理文件，并将对应的局部状态管理文件的名称加入到全局状态管理文件中；以及S4、对状态值进行监听，响应于状态值发生改变，基于当前状态和状态值对vue中的页面进行相应的改变。

在一些实施方式中，所述创建全局状态管理文件和局部状态管理文件包括：采用不同的命名规则分别对所述全局状态管理文件和所述局部状态管理文件进行命名。

在一些实施方式中，还包括：响应于不需要加入局部状态管理文件，将所述全局状态管理文件挂载到全局对象下，并通过所述全局对象获取全局状态管理数据。

在一些实施方式中，还包括：响应于当前状态是局部状态管理，启用所述局部状态管理文件并判断是否需要加入其他局部状态管理文件。

在一些实施方式中，还包括：响应于不需要加入其他局部状态管理文件，获取所述局部状态管理数据。

在一些实施方式中，还包括：响应于需要加入其他局部状态管理文件，根据正则表达式匹配对应的其他局部状态管理文件。

在一些实施方式中，还包括：判断所述局部状态管理文件与所述其他局部状态管理文件是否能够相互调用；以及响应于所述局部状态管理文件与所述其他局部状态管理文件能够相互调用，将所述局部状态管理文件与所述其他局部状态管理文件进行合并。

如图2所示，为本发明提供的上述对vue进行状态管理的计算机设备的一个实施例的硬件结构示意图。

以如图2所示的装置为例，在该装置中包括一个处理器301以及一个存储器302，并还可以包括：输入装置303和输出装置304。

处理器301、存储器302、输入装置303和输出装置304可以通过总线或者其他方式连接，图2中以通过总线连接为例。

存储器302作为一种非易失性计算机可读存储介质，可用于存储非易失性软件程序、非易失性计算机可执行程序以及模块，如本申请实施例中的对vue进行状态管理的方法对应的程序指令/模块。处理器301通过运行存储在存储器302中的非易失性软件程序、指令以及模块，从而执行服务器的各种功能应用以及数据处理，即实现上述方法实施例的对vue进行状态管理的方法。

存储器302可以包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需要的应用程序；存储数据区可存储根据对vue进行状态管理的方法的使用所创建的数据等。此外，存储器302可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实施例中，存储器302可选包括相对于处理器301远程设置的存储器，这些远程存储器可以通过网络连接至本地模块。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

输入装置303可接收输入的用户名和密码等信息。输出装置304可包括显示屏等显示设备。

一个或者多个对vue进行状态管理的方法对应的程序指令/模块存储在存储器302中，当被处理器301执行时，执行上述任意方法实施例中的对vue进行状态管理的方法。

执行上述对vue进行状态管理的方法的计算机设备的任何一个实施例，可以达到与之对应的前述任意方法实施例相同或者相类似的效果。

本发明还提供了一种计算机可读存储介质，计算机可读存储介质存储有被处理器执行时执行如上方法的计算机程序。

最后需要说明的是，本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，可以通过计算机程序来指令相关硬件来完成，对vue进行状态管理的方法的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，程序的存储介质可为磁碟、光盘、只读存储记忆体(ROM)或随机存储记忆体(RAM)等。上述计算机程序的实施例，可以达到与之对应的前述任意方法实施例相同或者相类似的效果。

此外，根据本发明实施例公开的方法还可以被实现为由处理器执行的计算机程序，该计算机程序可以存储在计算机可读存储介质中。在该计算机程序被处理器执行时，执行本发明实施例公开的方法中限定的上述功能。

此外，上述方法步骤以及系统单元也可以利用控制器以及用于存储使得控制器实现上述步骤或单元功能的计算机程序的计算机可读存储介质实现。

此外，应该明白的是，本文的计算机可读存储介质(例如，存储器)可以是易失性存储器或非易失性存储器，或者可以包括易失性存储器和非易失性存储器两者。作为例子而非限制性的，非易失性存储器可以包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦写可编程ROM(EEPROM)或快闪存储器。易失性存储器可以包括随机存取存储器(RAM)，该RAM可以充当外部高速缓存存储器。作为例子而非限制性的，RAM可以以多种形式获得，比如同步RAM(DRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据速率SDRAM(DDRSDRAM)、增强SDRAM(ESDRAM)、同步链路DRAM(SLDRAM)、以及直接Rambus RAM(DRRAM)。所公开的方面的存储设备意在包括但不限于这些和其它合适类型的存储器。

本领域技术人员还将明白的是，结合这里的公开所描述的各种示例性逻辑块、模块、电路和算法步骤可以被实现为电子硬件、计算机软件或两者的组合。为了清楚地说明硬件和软件的这种可互换性，已经就各种示意性组件、方块、模块、电路和步骤的功能对其进行了一般性的描述。这种功能是被实现为软件还是被实现为硬件取决于具体应用以及施加给整个系统的设计约束。本领域技术人员可以针对每种具体应用以各种方式来实现的功能，但是这种实现决定不应被解释为导致脱离本发明实施例公开的范围。

结合这里的公开所描述的各种示例性逻辑块、模块和电路可以利用被设计成用于执行这里功能的下列部件来实现或执行：通用处理器、数字信号处理器(DSP)、专用集成电路(ASIC)、现场可编程门阵列(FPGA)或其它可编程逻辑器件、分立门或晶体管逻辑、分立的硬件组件或者这些部件的任何组合。通用处理器可以是微处理器，但是可替换地，处理器可以是任何传统处理器、控制器、微控制器或状态机。处理器也可以被实现为计算设备的组合，例如，DSP和微处理器的组合、多个微处理器、一个或多个微处理器结合DSP和/或任何其它这种配置。

结合这里的公开所描述的方法或算法的步骤可以直接包含在硬件中、由处理器执行的软件模块中或这两者的组合中。软件模块可以驻留在RAM存储器、快闪存储器、ROM存储器、EPROM存储器、EEPROM存储器、寄存器、硬盘、可移动盘、CD-ROM、或本领域已知的任何其它形式的存储介质中。示例性的存储介质被耦合到处理器，使得处理器能够从该存储介质中读取信息或向该存储介质写入信息。在一个替换方案中，存储介质可以与处理器集成在一起。处理器和存储介质可以驻留在ASIC中。ASIC可以驻留在用户终端中。在一个替换方案中，处理器和存储介质可以作为分立组件驻留在用户终端中。

在一个或多个示例性设计中，功能可以在硬件、软件、固件或其任意组合中实现。如果在软件中实现，则可以将功能作为一个或多个指令或代码存储在计算机可读介质上或通过计算机可读介质来传送。计算机可读介质包括计算机存储介质和通信介质，该通信介质包括有助于将计算机程序从一个位置传送到另一个位置的任何介质。存储介质可以是能够被通用或专用计算机访问的任何可用介质。作为例子而非限制性的，该计算机可读介质可以包括RAM、ROM、EEPROM、CD-ROM或其它光盘存储设备、磁盘存储设备或其它磁性存储设备，或者是可以用于携带或存储形式为指令或数据结构的所需程序代码并且能够被通用或专用计算机或者通用或专用处理器访问的任何其它介质。此外，任何连接都可以适当地称为计算机可读介质。例如，如果使用同轴线缆、光纤线缆、双绞线、数字用户线路(DSL)或诸如红外线、无线电和微波的无线技术来从网站、服务器或其它远程源发送软件，则上述同轴线缆、光纤线缆、双绞线、DSL或诸如红外线、无线电和微波的无线技术均包括在介质的定义。如这里所使用的，磁盘和光盘包括压缩盘(CD)、激光盘、光盘、数字多功能盘(DVD)、软盘、蓝光盘，其中磁盘通常磁性地再现数据，而光盘利用激光光学地再现数据。上述内容的组合也应当包括在计算机可读介质的范围内。

以上是本发明公开的示例性实施例，但是应当注意，在不背离权利要求限定的本发明实施例公开的范围的前提下，可以进行多种改变和修改。根据这里描述的公开实施例的方法权利要求的功能、步骤和/或动作不需以任何特定顺序执行。此外，尽管本发明实施例公开的元素可以以个体形式描述或要求，但除非明确限制为单数，也可以理解为多个。

应当理解的是，在本文中使用的，除非上下文清楚地支持例外情况，单数形式“一个”旨在也包括复数形式。还应当理解的是，在本文中使用的“和/或”是指包括一个或者一个以上相关联地列出的项目的任意和所有可能组合。

上述本发明实施例公开实施例序号仅仅为了描述，不代表实施例的优劣。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

所属领域的普通技术人员应当理解：以上任何实施例的讨论仅为示例性的，并非旨在暗示本发明实施例公开的范围(包括权利要求)被限于这些例子；在本发明实施例的思路下，以上实施例或者不同实施例中的技术特征之间也可以进行组合，并存在如上的本发明实施例的不同方面的许多其它变化，为了简明它们没有在细节中提供。因此，凡在本发明实施例的精神和原则之内，所做的任何省略、修改、等同替换、改进等，均应包含在本发明实施例的保护范围之内。

Claims (6)

1.一种对vue进行状态管理的方法，其特征在于，包括以下步骤：

创建全局状态管理文件和若干局部状态管理文件，并基于业务类型判断当前状态是全局状态管理还是局部状态管理；

响应于当前状态是全局状态管理，启用所述全局状态管理文件并判断是否需要加入局部状态管理文件；

响应于需要加入局部状态管理文件，通过正则表达式匹配对应的局部状态管理文件，并将所述对应的局部状态管理文件的名称加入到所述全局状态管理文件中；以及

对状态值进行监听，响应于所述状态值发生改变，基于所述当前状态和状态值对vue中的页面进行相应的改变，

其中，方法还包括：

响应于当前状态是局部状态管理，启用所述局部状态管理文件并判断是否需要加入其他局部状态管理文件；

响应于不需要加入其他局部状态管理文件，获取所述局部状态管理数据；

响应于需要加入其他局部状态管理文件，根据正则表达式匹配对应的其他局部状态管理文件；

判断所述局部状态管理文件与所述其他局部状态管理文件是否能够相互调用；以及

响应于所述局部状态管理文件与所述其他局部状态管理文件能够相互调用，将所述局部状态管理文件与所述其他局部状态管理文件进行合并。

2.根据权利要求1所述的方法，其特征在于，所述创建全局状态管理文件和局部状态管理文件包括：

采用不同的命名规则分别对所述全局状态管理文件和所述局部状态管理文件进行命名。

3.根据权利要求1所述的方法，其特征在于，还包括：

响应于不需要加入局部状态管理文件，将所述全局状态管理文件挂载到全局对象下，并通过所述全局对象获取全局状态管理数据。

4.一种对vue进行状态管理的系统，其特征在于，包括：

创建模块，配置用于创建全局状态管理文件和若干局部状态管理文件，并基于业务类型判断当前状态是全局状态管理还是局部状态管理；

全局模块，配置用于响应于当前状态是全局状态管理，启用所述全局状态管理文件并判断是否需要加入局部状态管理文件；

执行模块，配置用于响应于需要加入局部状态管理文件，通过正则表达式匹配对应的局部状态管理文件，并将所述对应的局部状态管理文件的名称加入到所述全局状态管理文件中；以及

监听模块，配置用于对状态值进行监听，响应于所述状态值发生改变，基于所述当前状态和状态值对vue中的页面进行相应的改变，

系统还包括：局部模块，配置用于响应于当前状态是局部状态管理，启用所述局部状态管理文件并判断是否需要加入其他局部状态管理文件；

局部数据模块，配置用于响应于不需要加入其他局部状态管理文件，获取所述局部状态管理数据；

匹配模块，配置用于响应于需要加入其他局部状态管理文件，根据正则表达式匹配对应的其他局部状态管理文件；

合并模块，配置用于判断所述局部状态管理文件与所述其他局部状态管理文件是否能够相互调用；以及响应于所述局部状态管理文件与所述其他局部状态管理文件能够相互调用，将所述局部状态管理文件与所述其他局部状态管理文件进行合并。

5.一种计算机设备，其特征在于，包括：

至少一个处理器；以及

存储器，所述存储器存储有可在所述处理器上运行的计算机指令，所述指令由所述处理器执行时实现权利要求1-3任意一项所述方法的步骤。

6.一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1-3任意一项所述方法的步骤。

Images