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);
    }
posted @ 2022-01-17 13:39  Wayhome'  阅读(39)  评论(0编辑  收藏  举报
// 侧边栏目录 // https://blog-static.cnblogs.com/files/douzujun/marvin.nav.my1502.css