uniapp vuex 搭建

1.index.js

javascript 复制代码
import user from './modules/user.js'

import {
	createStore
} from 'vuex'
// todo ssr
const store = createStore({
	modules: {
		user,
	}
})

export default store

2.user.js

javascript 复制代码
export default {
    namespaced: true,
    state: {
		token:"", //token
		userId:"", //用户id
		userName:"",//用户姓名
	},
    mutations: {
		SET_TOKEN(state,token){
			state.token = token
			uni.setStorageSync("token",token)
		},
		LOGIN_OUT(state){
			state.token = ""
			uni.removeStorageSync("token")
			//uni.clearStorageSync()
			uni.reLaunch({
				url:"/pages/index/index"
			})
		},
		SET_USERID(state,id){
			state.userId = id
			uni.setStorageSync("userId",id)
		},
		SET_USERNAME(state,name){
			state.userName = name
			uni.setStorageSync("userName",name)
		},
	},
    actions: {
		setToken({commit},token){
			commit("SET_TOKEN",token)
		},
		setUserId({commit},id){
			commit("SET_USERID",id)
		},
		loginOut({commit}){
			commit("LOGIN_OUT")
		},
	}
}

3.main.js

javascript 复制代码
import store from './store'
import { createSSRApp } from 'vue'
import App from './App.vue'
export function createApp() {
  const app = createSSRApp(App)
  app.use(store)
  return {
    app
  }
}
相关推荐
千里马学框架1 分钟前
WMS/AMS深入WindowState如何正确找到自己在层级结构树中位置进行挂载
android·wms·ai编程·性能·系统开发·车载开发·framework工程师
6666v68 分钟前
深入 Android 统一状态模型:MVI 架构的核心实现
android·kotlin
小四的小六13 分钟前
WebView 从0到1搭建线上性能监控体系
javascript·webview
Digitally16 分钟前
能否通过蓝牙从安卓传输文件到 iPhone?6 种替代方法
android·iphone
2301_8152795223 分钟前
实战分享实现 C++ 管理类单例模式:特点与最佳实践
javascript·c++·单例模式
硬件学长森哥36 分钟前
Android影像基础-3A在系统平台中的实现
android·图像处理·计算机视觉
私人珍藏库36 分钟前
[Android] 哔哩哔哩第三方安卓电视TVapp BV_0.3.16.r898
android·app·工具·软件·多功能
LuDvei37 分钟前
android Build Tools安装API选择AVD模拟器下载及设置等操作
android
亘元有量-流量变现38 分钟前
小米应用商店ASO优化:紧抓3大核心位,高效提升关键词覆盖
android·aso优化·亘元有量·方糖试玩
2401_8784545341 分钟前
js的复习(一)
开发语言·javascript·ecmascript