跨单独的Vue实例工作时，单独的Vuex商店实例相互冲突

Question

我目前正在学习/制作vue.js和vuex原型（目前使用纯js）。我正在尝试完成以下任务：

• 创建具有彼此独立的自己的vuex存储的多个vue实例。现在，我仅在vuex存储中存储ajax状态/进度，并逐步对其进行改进。
• vue实例可以来自相同的vue定义（模板，方法等），但是需要与其他vuex存储实例一起使用。
• vuex商店不应该彼此了解（不发生冲突），而应仅与各自的vue实例计数器部件一起工作。

我几乎达到了以下目标：

index.html-https://gist.github.com/guywithdoubts/2f64346929a3d8adec79a1cd927e39a8

app.html（模板）-https://gist.github.com/guywithdoubts/c09298a8e593705d73f19bf8427cfcf7

app.js（版本1）-https://gist.github.com/guywithdoubts/66b99fabe1d1a3f15c18914b8cf64e6d

app2.js（版本2）-https://gist.github.com/guywithdoubts/bda070fdebfcc8756ce80ead6e5dcd09

理论上，我们只能从app.js和app2.js（相同的代码）中创建一个类。但是，为了测试/排除故障，我将它们分开。

我能够提取数据，并且一切正常。如果我第二次点击刷新按钮，则会得到以下日志（这很完美，因为所有与app2相关的商店中都在发生）：

但是，如果我第一次点击刷新按钮，则会收到以下日志：

第一个vue实例（来自app.js）正在与与第二个vue实例（来自app2.js）相关的vuex存储工作/冲突。

我不确定我在哪里出错。任何帮助都将不胜感激。