Vuex 与 store 对象有何不同？答案

【问题标题】：How is Vuex different than a store object?Vuex 与 store 对象有何不同？
【发布时间】：2017-12-05 08:19:30
【问题描述】：

我将 Vuex 用于 Vue 2（有点像 Redux 用于 React）。我发现了一个 example 的用法，它更新了一个计数器，代码如下：

import Vuex from 'vuex'
import Vue from 'vue'

Vue.use(Vuex)

var store = new Vuex.Store({
  state: {
    counter: 0
  },
  mutations: {
    INCREMENT (state) {
      state.counter ++
    }
  }
})

export default store

我的问题是，这与简单地放弃 Vuex 并制作手动存储有何不同？那么它会是：

import Vue from 'vue'

var store = {
  state: {
    counter: 0
  },
  mutations: {
    INCREMENT (state) {
      state.counter ++
    }
  }
}

export default store

【问题讨论】：

我注意到的几个显着差异 - 回滚的能力，与 Vue 开发工具的集成。
对于一个简单的用例，您不需要 vuex，然后将导出更改为常量而不是 var 实际上是同一件事。 Vuex 只提供标准程序和可追溯性。 Vuex 模块也允许更好的组织。

标签： javascript vue.js vuejs2 store flux

【解决方案1】：

它实现了其他工具、集成、助手：

VueJS 开发工具与回滚、时间线集成
实现第三方插件
使用 mapState、mapActions、map... 来简化编码
等，

【讨论】：