vuex

概念：

专为vue.js打造的状态管理模式

vux 注意版本

https://v3.vuex.vuejs.org/zh/

什么时候使用：

• 大型项目用vuex：状态管理模式
  如果您需要构建一个中大型单页应用，您很可能会考虑如何更好地在组件外部管理状态；
• 小型项目用store：状态管理
  如果您不打算开发大型单页应用，使用 Vuex 可能是繁琐冗余的。确实是如此——如果您的应用够简单，您最好不要使用 Vuex。一个简单的 store 模式 (opens new window)就足够您所需了

什么是“状态管理模式”

让我们从一个简单的 Vue 计数应用开始：

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

这个状态自管理应用包含以下几个部分：
state，驱动应用的数据源；
view，以声明方式将 state 映射到视图；
actions，响应在 view 上的用户输入导致的状态变化。

以下是一个表示“单向数据流”理念的简单示意：

flow.png