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
  }
}
相关推荐
重生之我在安卓搞音频20 小时前
二、Android 音频框架
android·音视频
研☆香21 小时前
聊一聊如何分析js中的数据结构
开发语言·javascript·数据结构
studyForMokey21 小时前
【Android面试】Java专题 todo
android·java·面试
代码改善世界21 小时前
【MATLAB初阶】矩阵操作(二):矩阵的运算
android·matlab·矩阵
九皇叔叔21 小时前
MySQL实操指南:复制表及数据复制全解析
android·数据库·mysql
梦想不只是梦与想21 小时前
flutter 与 Android iOS 通信?以及实现原理(一)
android·flutter·ios·methodchannel·eventchannel·basicmessage
qq_120840937121 小时前
Three.js 工程向:EffectComposer 后处理链路与色彩管理
开发语言·前端·javascript
张元清21 小时前
head.tsx 就是一个 React 组件:用 loader 数据动态生成 SEO meta
前端·javascript·面试
Hello--_--World21 小时前
ES16:Set 集合方法增强、Promise.try、迭代器助手、JSON 模块导入 相关知识
开发语言·javascript·json