(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210667828.7 (22)申请日 2022.06.14 (71)申请人 杭州安恒信息技 术股份有限公司 地址 310000 浙江省杭州市滨江区西兴街 道联慧街18 8号 (72)发明人 叶新宇　胡晶　 (74)专利代理 机构 北京集佳知识产权代理有限 公司 11227 专利代理师 耿苑 (51)Int.Cl. G06F 8/65(2018.01) G06F 16/23(2019.01) (54)发明名称 一种Vue3组件状态管理方法、 装置、 设备及 介质 (57)摘要 本申请公开了一种Vue3组件状态管理方法、 装置、 设备及介质， 设计信息技术领域。 该方法包 括： 获取通过目标页面上的预设接口发送的第一 目标指令； 根据所述第一目标指令通过预设 reducer函数执行与所述第一目标指令对应的操 作， 并获取执行操作后的所述目标页面对应的 Vue3组件的当前组件状态； 利用所述 当前组件状 态对预设状态数据库中相应的历史组件状态进 行更新， 并将相应的组件状态更新结果发送至所 述目标页面。 通过上述技术方案， 使得在对Vue3 组件进行状态管理时通过Vue3的自身的代码组 合方式实现Vue的状态管理降低了开发的成本和 项目复杂性， 降低了加载负担提升了加载速度。 综上， 本申请能够在进行Vue3组件状态管理时更 加简便从而提升 状态管理效率。 权利要求书2页 说明书8页 附图5页 CN 115061706 A 2022.09.16 CN 115061706 A 1.一种Vue3组件状态管理方法， 其特 征在于， 包括： 获取通过目标页面上的预设接口发送的第一目标指令； 根据所述第一目标指令通过预设reducer函数执行与所述第一目标指令对应的操作， 并获取执行操作后的所述目标页面对应的Vue3组件的当前组件状态； 利用所述当前组件状态对预设状态数据库中相应的历史组件状态进行更新， 并将相应 的组件状态更新结果发送至所述目标页面。 2.根据权利要求1所述的Vue3组件状态管理方法， 其特 征在于， 还 包括： 通过预先定义的状态函数保存全局的状态， 并通过Vue3原生响应 式系统将需要管理的 数据状态转变为响应式。 3.根据权利要求1所述的Vue3组件状态管理方法， 其特 征在于， 还 包括： 收集所述Vue3组件的历史组件状态的数据， 并将所述历史组件状态的数据保存至所述 预设状态数据库中。 4.根据权利 要求3所述的Vue3组件状态管理方法， 其特征在于， 所述收集所述Vue3组件 的历史组件状态的数据， 并将所述历史组件状态的数据保存至所述预设状态数据库中， 包 括： 收集所述Vue3组件的历史组件状态的数据， 并将所述历史组件状态的数据注入到与所 述Vue3组件 对应的组件树中的根组件； 通过在所述根组件中预设的provide函数与在对应的子组件中预设的inject函数， 将 所述历史组件状态的数据由所述根组件传递到对应的子组件中并将所述历史组件状态的 数据保存至所述预设状态数据库中。 5.根据权利 要求4所述的Vue3组件状态管理方法， 其特征在于， 所述收集所述Vue3组件 的历史组件状态的数据， 并将所述历史组件状态的数据 注入到与所述Vu e3组件对应的组件 树中的根组件之后， 还 包括： 将所述历史组件状态的数据对应模块进行划分， 并在每个模块中添加对应的日志监 听 钩子函数； 利用Vue3中的ES6的新特性代理模式监听状态的变化并记录所述状态的变化， 并通过 所述日志监听钩子函数获取对应的状态变化日志。 6.根据权利要求1至 5中任一项所述的Vue3组件状态管理方法， 其特 征在于， 还 包括： 通过在所述预设状态数据库中预 先设置的组合接口执 行与第二目标指令对应的操作。 7.根据权利要求6所述的Vue3组件状态管理方法， 其特征在于， 所述通过在所述预设状 态数据库中预 先设置的组合接口执 行与第二目标指令对应的操作， 包括： 当所述预设状态数据库中数据发生变化 时， 则通过在所述预设状态数据库中预先设置 的订阅状态接口执 行与回调指令对应的操作， 以订阅相应的变更后组件状态的数据。 8.一种Vue3组件状态管理装置， 其特 征在于， 包括： 指令获取模块， 用于获取通过目标页面上的预设接口发送的第一目标指令； 操作执行模块， 用于根据所述第一目标指令通过预设reducer函数执行与所述第一目 标指令对应的操作， 并获取 执行操作后的所述目标页面对应的Vue3组件的当前组件状态； 状态更新模块， 用于利用所述当前组件状态对预设状态数据库中相应的历史组件状态 进行更新， 并将相应的组件状态更新结果发送至所述目标页面。权　利　要　求　书 1/2 页 2 CN 115061706 A 29.一种电子设备， 其特 征在于， 包括： 存储器， 用于保存计算机程序； 处理器， 用于执行所述计算机程序， 以实现如权利要求1至7任一项所述的Vue3组件状 态管理方法的步骤。 10.一种计算机可读存储介质， 其特征在于， 用于存储计算机程序； 其中， 所述计算机程 序被处理器执行时实现如权利要求1至7任一项所述的Vue3组件状态管理方法的步骤。权　利　要　求　书 2/2 页 3 CN 115061706 A 3