循环注册store模块

最新推荐文章于 2024-07-26 11:41:15 发布

南庐

最新推荐文章于 2024-07-26 11:41:15 发布

阅读量127

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/weixin_73184582/article/details/131755369

版权

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const modulesFiles = require.context('./modules', true, /\.js$/)
const modules = modulesFiles.keys().reduce((modules, modulePath) => {
  // './app.js' => 'app'
  const moduleName = modulePath.replace(/^\.\/(.*)\.\w+$/, '$1')
  const value = modulesFiles(modulePath)
  modules[moduleName] = value.default
  return modules
}, {})
const store = new Vuex.Store({
  modules,
  state: {
	_pageMounted: false,
	mountedTimer: null
  },
  mutations: {
	setPageMounted(state, bool) {
	  state._pageMounted = bool
	},
	setMountedTimer(state, fn) {
	   state.mountedTimer = fn
	}
  }
})

export default store