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 }}
posted @ 2023-04-11 21:29  LeoShi2020  阅读(10)  评论(0编辑  收藏  举报