|
|
@@ -33,7 +33,7 @@ new Vue({
|
|
|
- **view**，以声明方式将 **state** 映射到视图；
|
|
|
- **actions**，响应在 **view** 上的用户输入导致的状态变化。
|
|
|
|
|
|
-以下是一个表示“单向数据流”理念的极简示意：
|
|
|
+以下是一个表示“单向数据流”理念的简单示意：
|
|
|
|
|
|
<p style="text-align: center; margin: 2em;">
|
|
|
<img style="width: 100%; max-width: 450px;" src="/flow.png">
|
|
|
@@ -48,17 +48,17 @@ new Vue({
|
|
|
|
|
|
因此，我们为什么不把组件的共享状态抽取出来，以一个全局单例模式管理呢？在这种模式下，我们的组件树构成了一个巨大的“视图”，不管在树的哪个位置，任何组件都能获取状态或者触发行为！
|
|
|
|
|
|
-另外，通过定义和隔离状态管理中的各种概念并强制遵守一定的规则，我们的代码将会变得更结构化且易维护。
|
|
|
+通过定义和隔离状态管理中的各种概念并通过强制规则维持视图和状态间的独立性，我们的代码将会变得更结构化且易维护。
|
|
|
|
|
|
这就是 Vuex 背后的基本思想，借鉴了 [Flux](https://facebook.github.io/flux/docs/overview.html)、[Redux](http://redux.js.org/) 和 [The Elm Architecture](https://guide.elm-lang.org/architecture/)。与其他模式不同的是，Vuex 是专门为 Vue.js 设计的状态管理库，以利用 Vue.js 的细粒度数据响应机制来进行高效的状态更新。
|
|
|
|
|
|
-如果你想要以交互式的方式学习Vuex，快来看看在[Scrimba](https://scrimba.com/g/gvuex)上的这门Vuex课程。
|
|
|
+如果你想交互式地学习 Vuex，可以看这个 [Scrimba 上的 Vuex 课程](https://scrimba.com/g/gvuex)，它将录屏和代码试验场混合在了一起，你可以随时暂停并尝试。
|
|
|
|
|
|
|
|
|
|
|
|
### 什么情况下我应该使用 Vuex？
|
|
|
|
|
|
-虽然 Vuex 可以帮助我们管理共享状态，但也附带了更多的概念和框架。这需要对短期和长期效益进行权衡。
|
|
|
+Vuex 可以帮助我们管理共享状态，并附带了更多的概念和框架。这需要对短期和长期效益进行权衡。
|
|
|
|
|
|
如果您不打算开发大型单页应用，使用 Vuex 可能是繁琐冗余的。确实是如此——如果您的应用够简单，您最好不要使用 Vuex。一个简单的 [store 模式](https://cn.vuejs.org/v2/guide/state-management.html#简单状态管理起步使用)就足够您所需了。但是，如果您需要构建一个中大型单页应用，您很可能会考虑如何更好地在组件外部管理状态，Vuex 将会成为自然而然的选择。引用 Redux 的作者 Dan Abramov 的话说就是：
|
|
|
|
勾三股四