美文网首页
vuex热更替

vuex热更替

作者: Amy_yqh | 来源:发表于2018-07-15 18:24 被阅读0次
import Vuex from 'vuex'

import defaultState from './state/state'
import mutations from './mutations/mutations'
import getters from './getters/getters'
import actions from './actions/actions'

const isDev = process.env.NODE_ENV === 'develpment';
export default () => {
  const store =  new Vuex.Store({
    strict: isDev , // 规范开发,禁止在非mutations内修改data的数据,正式环境改为false
    state: defaultState,
    mutations,
    getters,
    actions,
  })
  if(module.hot){
    module.hot.accept([
      './state/state',
      './mutations/mutations',
      './actions/actions',
      './getters/getters'
    ], ()=> {
      const  newState =require('./state/state').default;
      const  newmutations =require('./mutations/mutations').default;
      const  newActions =require('./actions/actions').default;
      const  newGetters =require('./getters/getters').default;

      // 热更新
      store.hotUpdate({
        state:newState,
        mutations:newmutations,
        getters:newActions,
        actions:newGetters,
      })
    })
  }
  return store
}

相关文章

  • vuex热更替

  • Vuex之热更新

    vuex 热更新

  • vuex实现热重载

    目录结构如下: app.js CounterControls.vue store.js 现在就实现了点击页面上的加...

  • VUEX模块化

    vuex模块化官方文档 项目github地址 在vuex的官网上,关于模块化和热重载的文档都是蛮详细的,这边也就不...

  • 2018-08-08

    npm start == roadhog server roadhog webpack自动打包和热更替默认配置en...

  • VUEX基本介绍,包含实战示例及代码(基于Vue2.X)

    VUEX 1 VUEX基本介绍 1.1 官方API 1.2 什么是vuex 1.3 Vuex使用场景 1、Vuex...

  • 【文档笔记】-Vuex

    什么是vuex? vuex文档: https://vuex.vuejs.org/zh/[https://vuex....

  • vuex配置

    vuex配置 目录 vuex的五个核心 配置vuex vuex持久化 一、vuex五个核心概念 State 定义状...

  • Vuex

    安装Vuex cnpm install vuex --save-dev Vuex是什么? 这是[Vuex的官网](...

  • 更替

    秋風攜秋雨, 夜半悄然至。 夏花無蹤影, 黃葉已滿地。

网友评论

      本文标题:vuex热更替

      本文链接:https://www.haomeiwen.com/subject/ojoppftx.html