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里面的方法
methods: { ...mapMutations(["scoreEntrySeeId"]), }
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; }, } }