后台管理系统实战项目-03vuex状态管理

安装vuex

pnpm install vuex@next --save

创建vuex文件夹、创建index.ts文件

import {createStore} from 'vuex'

const store=createStore({
    state(){
        return {
            Token:localStorage["token"],
            NickName:localStorage["nickname"]
        }
    },
    mutations:{
        SettingNickName(state:any,NickName:any){
            state.NickName=NickName;
        },
        SettingToken(state:any,Token:any){
            state.Token=Token;
        }
    }
})

export default store;

在main.ts挂载vuex

import store  from './assets/vuex'

createApp(App)
.xxx
.use(store)
.mount('#app')