vuex(狀態(tài)機(jī))
index.js
import service from '../service.js';
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
const store = new Vuex.Store({
??state: {
????/**
?????* 是否需要強(qiáng)制登錄
?????*/
????forcedLogin: true,
????hasLogin: false,
????userName: "",
msg: {}
??},
??mutations: {
????login(state, userName) {
??????state.userName = userName || '新用戶';
??????state.hasLogin = true;
????},
????logout(state) {
??????state.userName = "";
??????state.hasLogin = false;
service.removeUser();
????},
setmsg(state, msg) {
state.msg = msg
}
??}
})
export default store
———————————————————————————————————————————————————————————————
引入：import {
?? ? ? ? ? ? mapState,
?? ? ? ? ? ? mapMutations
?? ? ? ? ?} from 'vuex'
設(shè)置值：
? ? ? ? ? ? ? methods: {
? ? ? ? ? ? ? ? ? ? ...mapMutations(['login', 'setmsg']),
? ? ? ? ? ? ? }
? ? ? ? ? ? ? let userMsg = {
? ? ? ? ? ? ? ? ? ? ? ?user_grade: data.data.user_grade,
? ? ? ? ? ? ? ? ? ? ? ?discount_rate: data.data.discount_rate
? ? ? ? ? ? ? }
? that.setmsg(userMsg);
獲取值：
? ? ? ? ? ? computed:{
?????? ? ? ? ? ?...mapState(['forcedLogin', 'hasLogin', 'userName','msg']),
? ? ? ? ? ? }
? ? ? ? ? ? this.msg(就可以出來了)
