Vuex组件内部单独使用方法

1、首先保证有vue的环境，其次vuex已安装

2、组件内部导入

import vuex from 'vuex'; import myvuex from './store.js'; const {mapMutations,mapState} = vuex.createNamespacedHelpers('scoreEntry')

3、在mounted里面注册

mounted() {         this.$store.registerModule("scoreEntry", myvuex);     },

4、在computed里面引入store.js里面的属性

computed: {         ...mapState(["tercherData"]),     },

5、在methods里面调用store.js里面的方法

store.js文件内容

export default {     namespaced: true,     state:{         tercherData:{             modifyRecordId:'', //修改记录id             taskId:'', //成绩录入任务列表（学期级别）dataList中对象返回的id         }     },     getters:{      },     mutations: {         teacherSetTermId(state,payload){               state.tercherData.modifyRecordId = payload.data;         },         scoreEntrySeeId(state,payload){              state.tercherData.taskId = payload.data;         },     } } 

文章来源: Vuex组件内部单独使用方法