正则引入store中的modules文件

正则引入store中的modules文件

复制代码
// index.js
import { createStore } from 'vuex';

const modulesFiles = require.context('./modules', true, /\.ts|js$/);
const modules = modulesFiles.keys().reduce((modules1, modulePath) => {
  const moduleName = modulePath.replace(/^\.\/(.*)\.\w+$/, '$1');
  const value = modulesFiles(modulePath);
  modules1[moduleName] = value.default;
  return modules1;
}, {});

export default createStore({
  state: {
  },
  mutations: {
  },
  actions: {
  },
  modules
});

// 可以忽略不看
const state = {};
const getters = {};
const mutations = {};
const actions = {
  storeFunc({state, getters}, {eventName}) {
  }
};
export default {
  state,
  getters,
  mutations,
  actions,
};
因为公司有代码审核,以上这段代码会提示state,getters已经被定义了。无法通过代码审核,修改以下代码就可以正常通过审核。
//修改后
const stateData = {};
const gettersData = {};
const mutations = {};
const actions = {
  storeFunc({state, getters}, {eventName}) {
  }
};
export default {
  state() {
  	return stateData;
  },
  getters() {
  	reutrn gettersData;
  },
  mutations,
  actions,
};
相关推荐
daols881 小时前
vue 甘特图 vxe-gantt 任务条拖拽自动更新日期
javascript·vue.js·甘特图
java1234_小锋16 小时前
Vue3专题 - 组件基础
vue.js·vite
阿懂在掘金21 小时前
同一份弹窗我重构了三次:从 v-model 地狱到路由式调用,终于治好了模板臃肿
前端·vue.js·前端框架
小锋java12341 天前
【技术专题】Vue3 - 生命周期
vue.js·vite
Highcharts.js1 天前
Vue 3 + Highcharts Boost 可视化加速模块的完整示例
javascript·vue.js·可视化·boost·highcharts·图表渲染·加速模块
夏幻灵1 天前
从语法坑点到 JS 内存底层:Vue 3 watch 侦听器深度全解
开发语言·javascript·vue.js
Sterting1 天前
反馈组件:对话框、消息与通知
前端·javascript·vue.js
书中枫叶1 天前
做了个「句拾」小程序,最难的不是业务,是字体
前端·javascript·vue.js
新时代牛马1 天前
Vue.js 响应式原理详解
前端·javascript·vue.js
满栀5851 天前
vue3动态路由详细效果
前端·javascript·vue.js·typescript·前端框架