Vue.js 如何在状态改变时调用变异

我有一个web应用程序，它在app.Vue中有多个组件，但一次只显示一个组件，我正在跟踪商店中的变量“步骤”。比如说：

---

我不确定什么是最佳实践，这样我就可以观察“步骤”的状态，当它达到某个步骤时，我想在实际组件中运行的任何代码之前调用某个变异。我想在App.vue文件中使用watch属性，但从我在线阅读的上下文来看，使用这样的watcher似乎不是一个好主意

我会将您的

步骤

存储在存储中，并仅通过操作进行更改。然后你就可以完全控制发生的事情和时间

比如说

const store=新的Vuex.store({
声明：{
步骤：1，
//等
},
突变：{
递增步骤（状态）{
如果（state.step

---

然后，您的组件可以分派“nextStep”操作，而无需执行任何其他操作。

我会将您的

步骤存储在存储中，并且仅通过操作更改它。然后你就可以完全控制发生的事情和时间

比如说

const store=新的Vuex.store({
声明：{
步骤：1，
//等
},
突变：{
递增步骤（状态）{
如果（state.step

然后，您的组件可以分派“nextStep”操作，而无需执行任何其他操作