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;
},
}
}
交流
1、QQ群:可添加qq群共同进阶学习: 进军全栈工程师疑难解 群号: 856402057
2、公众号:公众号「进军全栈攻城狮」 ,对前端技术保持学习爱好者。我会经常分享自己所学所看的干货,在进阶的路上,共勉!
工作之余,不要忘记吃饭了