Vuex 是什么？

什么是“状态管理模式”？

 Vue 计数应用：

new Vue({  // state
  data () {
    return {
      count: 0
    }
  },  // view
  template: `
    <div>{{ count }}</div>  `,  // actions
  methods: {
    increment () {
      this.count++
    }
  }})

状态自管理应用包含

• state驱动应用的数据源；

• view以声明方式将 state 映射到视图；

• actions，响应在 view 上的用户输入导致的状态变化。

“单向数据流”理念的简单示意

应用多个组件共享状态 单向数据流的简洁性容易被破坏

• 多个视图依赖于同一状态

• 不同视图的行为需要变更同一状态

传参的方法对于多层嵌套的组件繁琐，对兄弟组件间的状态传递无能为力。
采用父子组件直接引用或通过事件变更和同步状态的多份拷贝

把组件的共享状态抽取出来，以全局单例模式管理
这种模式的组件树构成了一个巨大的“视图”，不管在树的哪个位置，任何组件都能获取状态或触发行为

通过定义和隔离状态管理中的各种概念并通过强制规则维持视图和状态间的独立性，代码结构化且易维护

Vuex 的基本思想，借鉴了 Flux、Redux和 The Elm Architecture
Vuex 专门为 Vue.js 设计的状态管理库，利用 Vue.js 的细粒度数据响应机制来进行高效的状态更新

# 什么情况下用 Vuex？

Vuex 管理共享状态，附带概念和框架，对短期和长期效益进行权衡

如果不开发大型单页应用，使用 Vuex 繁琐冗余。应用够简单，最好不要用 Vuex
简单的 store 模式足够。构建中大型单页应用在组件外部管理状态，Vuex 将会成为自然的选择
Flux 架构就像眼镜您自会知道什么时候需要