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 @   LeoShi2020  阅读(10)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
历史上的今天:
2020-04-11 [CentOS7]扩充swap空间
点击右上角即可分享
微信分享提示