vuex modules 命名的模块
添加 namespaced: true 的方式使其成为带命名空间的模块
//decorate.js模块
export default {
namespaced: true,
state: {
dragModule: {
moduleIndex: -1,
componentIndex: -1,
},
chooseList: [],
},
getters: {},
mutations: {
changeDragModule(state, dragModule) {
Object.assign(state.dragModule, dragModule);
},
setChooseList(state, module) {
state.chooseList.push(module);
},
},
actions: {},
};
//store的index.js
import Vue from 'vue';
import Vuex from 'vuex';
import specialDecorate from './modules/specialDecorate.js';
const store = new Vuex.Store({
state: {
userSN: JSON.parse(localStorage.getItem('_LOGIN_USERINFO'))?.userSN || '',
arrAddedGoods: [],
currentRoute: {},
},
mutations: {},
actions: {},
modules: {
decorate: specialDecorate,
},
});
export default store;
//使用
methods: {
sort(e) {
console.log('e :>> ', e);
this.$store.commit('decorate/setChooseList', e);
}
注:以上内容仅用于日常学习