Vuex 与商店对象有何不同？

Question

我正在为 Vue 2 使用 Vuex（有点像用于 React 的 Redux）。我发现了一个更新计数器的 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

Answer 1

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

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