vue热重载

依据官网使用 webpack 的 Hot Module Replacement API，Vuex 支持在开发过程中热重载 mutation、module、action 和 getter。你也可以在 Browserify 中使用 browserify-hmr 插件。

对于 mutation 和模块，你需要使用 store.hotUpdate() 方法：

// store.js

import Vue from 'vue'

import Vuex from 'vuex'

import mutations from './mutations'

import moduleA from './modules/a'

Vue.use(Vuex)

const state = { ... }

const store = new Vuex.Store({

  state,

  mutations,

  modules: {

    a: moduleA

  }

})

if (module.hot) {

  // 使 action 和 mutation 成为可热重载模块

  module.hot.accept(['./mutations', './modules/a'], () => {

    // 获取更新后的模块

    // 因为 babel 6 的模块编译格式问题，这里需要加上 `.default`

    const newMutations = require('./mutations').default

    const newModuleA = require('./modules/a').default

    // 加载新模块

    store.hotUpdate({

      mutations: newMutations,

      modules: {

        a: newModuleA

      }

    })

  })

}