Vuex与商店对象有何不同?

时间:2017-07-01 14:52:10

标签: javascript vue.js vuejs2 store flux

我使用Vuex for Vue 2(有点像Redux for 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

我的问题是,这与简单地放弃V​​uex和制作手动商店有什么不同?那就是:

import Vue from 'vue'

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

export default store

1 个答案:

答案 0 :(得分:1)

它实现了其他工具,集成,帮助器:

  • VueJS Dev Tools与回滚,时间线的集成
  • 实施第三方插件
  • 使用mapState,mapActions,map ...来简化编码