vuex
pnpm i vuex@next
# 创建 @/store/index.js
import { createStore } from 'vuex'
// 创建一个新的 store 实例
const store = createStore({
state() {
return {
// 初始化用户信息
user: {},
}
},
mutations: {
SET_USERINFO(state, user) {
// 记录用户信息
state.user = user
},
},
})
export default store
// main.js 全局引入
import store from '@/store'
app.use(store)
// login.vue 使用
import { useStore } from 'vuex'
const store = useStore()
store.commit('SET_USERINFO', res2)
// index.vue 首页渲染
{{ $store.state.user }}