249 Preparing Vuex

步骤

1、新建stores/auth文件夹，添加index.js/actions.js/mutations.js/getters.index，并将stores/index.js中的userId转移到auth中

index.js

import actions from "./actions.js";
import getters from "./getters.js";
import mutations from "./mutations.js";

import { v4 as uuidv4 } from "uuid";


export default {
    state() {
        return {
            //userId: '51564311-D841-498F-BBCB-629A44CC2F7C',
            userId: uuidv4(),
        }
    },
    actions,
    getters,
    mutations,
}

actions.js

export default {
    
}

mutations.js

export default {
    
}

getters.js

export default {
    userId(state) {
        return state.userId;
    },
}

2、stores/index.js中导入authModule

import { createStore } from "vuex";
import coachesModule from "./modules/coaches/index.js"
import requestsModule from "./modules/requests/index.js";
import authModule from "./modules/auth/index.js";

import { v4 as uuidv4 } from 'uuid';

const store = createStore({
    modules: {
        coaches: coachesModule,
        requests: requestsModule,
        auth: authModule,
    },
    state() {
        return {
            
        };
    },
});

export default store;