登录注册

src/stores/global.ts

@@ -0,0 +1,14 @@
+import { defineStore } from 'pinia'
+import { ref, computed } from 'vue'
+export const useGlobalStore = defineStore('global', () => {
+	const state = ref({
+		loading: false,// 全局loading
+	})
+
+	const setLoading = (v: boolean) => { state.value.loading = v }
+
+	return {
+		state,
+		setLoading,
+	}
+})

src/stores/index.ts

@@ -0,0 +1,9 @@
+import { createPinia } from 'pinia'
+import { createPersistedState } from 'pinia-persistedstate-plugin'
+// 创建store实例
+const store = createPinia()
+// 使用持久化插件(全局持久化)
+store.use(createPersistedState())
+export default store
+export * from './global'
+export * from './userInfo'

src/stores/userInfo.ts

@@ -0,0 +1,30 @@
+// 每一个存储的模块，命名规则use开头，store结尾
+import { defineStore } from 'pinia'
+import { ref, computed } from 'vue'
+export const useUserInfoStore = defineStore('userInfo', () => {
+	const state = ref({
+		userInfo: {},
+		token: '',
+
+	})
+
+	// actions
+	const setUserInfo = (data: any) => {
+		state.value.userInfo = data
+	}
+
+	const setToken = (data: string) => {
+		state.value.token = data
+	}
+
+	const logOut = async () => {
+
+	}
+
+	return {
+		state,
+		setToken,
+		setUserInfo,
+		logOut,
+	}
+})