通过 modules 创建 vuex 的模块

发布时间 2023-10-13 13:26:07作者: 嘎嘎鸭2

模块拆分:

1. 在 store 文件夹下再新建文件夹 modules,在 modules 下新建 xxx.js 文件:

eg:新建 user.js 文件

const state = {
  userInfo: {
    name: 'zs',
    age: 18
  },
  score: 80
}
const mutations = {}
const actions = {}
const getters = {}

export default {
  state,
  mutations,
  actions,
  getters
}

2. 在 store 文件夹下的 index.js 文件内引入 user.js:

① import user from './modules/user.js'
②:
const store = new Vuex.Store({
  modules: {
    user
  }
})