Чем Vuex отличается от объекта магазина?

Я использую Vuex для Vue 2 (вроде Redux для React). Я нашел пример использования, который обновляет счетчик, с кодом, подобным этому:

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

1 ответ

Решение

Реализует другие инструменты, интеграции, помощники:

  • Интеграция VueJS Dev Tools с откатом, временной шкалой
  • Реализация сторонних плагинов
  • использование mapState, mapActions, map... для упрощения кодирования
  • так далее,
Другие вопросы по тегам