Vuex实现

kVue.js

let Vue

class Store {
  constructor (options) {
    // this.$store.state.count 这样使用的
    this.state = new Vue({
      data: options.state
    })

    this.mutations = options.mutations
    this.actions = options.actions
  }

  commit=(type, args) => {
    this.mutations[type](this.state, args)
  }

  dispatch (type, args) {
    this.actions[type]({
      commit: this.commit, state: this.state
    }, args)
  }
}

function install (_Vue) {
  Vue = _Vue

  Vue.mixin({
    beforeCreate () {
      if (this.$options.store) {
        Vue.prototype.$store = this.$options.store
      }
    }
  })
}

export default { Store, install }

index.js

import Vue from 'vue'
// import Vuex from 'vuex'
import Vuex from './kVuex'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    count: 1
  },
  mutations: {
    increment (state, n = 1) {
      state.count += n
    }
  },
  actions: {
    incrementAction ({ commit }, { n }) {
      commit('increment', n)
    }
  },
  modules: {
  }
})