vuex 调用方法总结
2019-04-23 本文已影响0人
三十六计至做笔记
1.在vue组件里面引用:
import {mapState, mapGetters, mapMutations, mapActions}
mapState: computed属性里面 声明


mapGetters: computed属性里面 声明

mapMutations: methods属性里面 声明

mapActions: methods属性里面 声明

2.在js直接调用state:
import store from '@/store';
const { crmToken, userInfo } = store.state;---------调用state
store.dispatch('setLogout'); --------调用actions方法
store.commit('SET_ERR_MSG', errMsg);-----调用方法
3.vuex 引入element-ui 并使用
import{ Message } from 'element-ui';
Message.error({
message: s.errMsg,
onClose: () => {
s.showErrorMsg = false;
},
});