javascript - Vuex store WATCH 和 SUBSCRIBE 的区别

Question

watch 和 subscribe 之间的主要区别是什么？什么时候应该使用它们？来自 Vuex official documentation ，似乎这两种方法都在做同样的事情并服务于相同的目的，这两种方法都可以访问 state 对象。

我现在的状态如下:

item: (state: any) => state.item

我还有一个 Action 来提交一个突变来改变 item 的值，现在我想知道 item 在其他一些组件中的新值，它我应该使用一个？ 观看或订阅？

Answer 1

如果您想在 item 的值发生变化时执行某些操作，使用 watch 就足够了。

但是，如果您想知道 item 具体是如何更改的，您需要访问 mutation 对象(包括 type突变、payload 等)。在这种情况下，您可以使用 subscribe。

一个示例可能是您在 2 个或更多个突变中对 item 进行突变，并且您只想知道 mutation1 更改时 item 的值

编辑:我没试过这个，但我认为每次商店中的任何东西发生变化时，使用 subscribe 都会调用你的函数。