vuejs2 - 在突变 (Vuex) 后更改路由 (VueRouter) 的最佳实践

Question

我搜索了很多，但没有明确的答案。基本上，在突变后自动更改路线的最佳做法应该是什么？

例如:我点击一个按钮登录()-> 进行 http 调用的操作登录-> 突变 LOGIN_SUCCESSFUL -> 我想将用户重定向到主页 $router.go()

• 我是否应该将操作包装在 Promise 中，然后监听结果以从组件调用路由更改？

• 我应该直接从 $store 进行操作吗？

• vuex-router-sync 有什么帮助吗？

非常感谢!

Answer 1

这个问题的答案在 Vue 社区似乎有些不清楚。

大多数人(包括我)会说 store mutation 除了实际改变 store 之外不应该有任何影响。因此，应避免直接在 $store 中更改路线。

我非常喜欢采纳您的第一个建议:将操作包装在 promise 中，并在 promise 解决后立即更改组件中的路由。

第三种解决方案是在您的组件中使用 watch，以便在您的 LOGGED_IN_USER 状态(或任何您称之为)发生变化时立即更改路由。虽然这种方法可以让您的操作和突变保持 100% 干净，但我发现它很快就会变得困惑。

因此，我建议走 promise 路线。