Vue.js 关注vuex商店的任何变化

我的问题是如何监视商店内的任何状态变化。我看到过一些例子，其中我们正在查看该州的一个特定属性，但在我的例子中，我需要知道是否有任何变化，无论我是否有一个或多个属性

目标： 目标是了解是否有任何更改，以便我们可以提示用户单击“保存更改”。我们使用store是因为这些设置位于不同的模态/组件中。我们有4家不同的商店，我们需要一个全局保存按钮来保存所有商店的所有东西。所以我需要观察两个模块状态的任何变化

例如：

模块内部 globalSettingsModule.js

export const globalSettingsModule = {
state:{
   name:'',
   surname:'',
   password:'',
   defaultTime:'',
},
mutations: {},
actions: {},

}

现在我想知道这些属性中是否有更改（名称、姓氏、密码、defaultTime）或其他开发人员将来可能添加的任何其他属性

这里的目标是实现一种方法来检测我们设置中的更改，这样，如果用户试图导航而不保存，我就可以通知用户他们有未保存的更改。在所有领域逐一比较是一件乏味的事情，因为将来可能会有更多。因此，有没有一种方法可以观察实际的

存储本身

我想我有办法做到这一点，通过订阅突变，我们可以假设某些东西已经改变了。但目前我们有2个存储/模块，可能会添加更多

我来自React，在那里我会检查state ref，因为总是分配了一个新对象，但是在vue中我们改变了状态，所以我不知道如何正确执行