正则引入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,
};
相关推荐
兆。39 分钟前
电子商城后台管理平台-Flask Vue项目开发
前端·vue.js·后端·python·flask
风之舞_yjf2 小时前
Vue基础(8)_监视属性、深度监视、监视的简写形式
javascript·vue.js·ecmascript
pink大呲花4 小时前
深入理解 Vue 全局导航守卫:分类、作用与参数详解
前端·javascript·vue.js
gregmankiw5 小时前
第二个简单的SpringBoot和Vue前后端全栈的todoapp案例
前端·javascript·vue.js
heyCHEEMS6 小时前
Vue 两种导航方式
前端·javascript·vue.js
我是哈哈hh6 小时前
【vue】vuex实现组件间数据共享 & vuex模块化编码 & 网络请求
前端·javascript·vue.js·前端框架·网络请求·vuex·模块化
帮帮志7 小时前
如何启动vue项目及vue语法组件化不同标签应对的作用说明
前端·javascript·vue.js
森哥的歌7 小时前
深入解析Vue3中ref与reactive的区别及源码实现
前端·javascript·vue.js
shmily麻瓜小菜鸡7 小时前
vue3使用tailwindcss报错问题
开发语言·前端·javascript·vue.js
会飞的鱼先生9 小时前
vue3的深入组件-组件 v-model
前端·javascript·vue.js