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里面的方法

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;
        },
    }
}

猜你喜欢

转载自blog.csdn.net/weixin_42333548/article/details/80534651