create app

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
+	})
+
+	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,70 @@
+// 每一个存储的模块，命名规则use开头，store结尾
+import { defineStore } from 'pinia'
+import { ref, computed } from 'vue'
+import { removeLocal, setLocal } from '@/utils/local'
+import MyEvent from '@/utils/myEvent'
+export const useUserInfoStore = defineStore('userInfo', () => {
+  const state = ref({
+    userInfo: {},
+    token: '',
+    generateParams: {
+      stylist: '',
+      sex: '',
+      stylistImage: ''
+    }
+  })
+
+  // getters
+  const getUserInfo = computed(() => state.value.userInfo)
+
+  // actions
+  const setUserInfo = (data: any) => {
+    state.value.userInfo = data
+  }
+
+  const setToken = (data: string) => {
+    state.value.token = data
+    setLocal(data, 'token')
+  }
+
+  const getGenerateParams = () => {
+    return state.value.generateParams
+  }
+
+  const setGenerateParams = (data: any) => {
+    state.value.generateParams = data
+  }
+
+  const resetGenerateParams = () => {
+    state.value.generateParams = {
+      stylist: '',
+      sex: '',
+      stylistImage: ''
+    }
+  }
+
+  const logOut = () => {
+    // 处理退出登录的一些逻辑
+    return new Promise((resolve) => {
+      state.value.token = ''
+      state.value.userInfo = {}
+      removeLocal('token')
+      resetGenerateParams()
+      MyEvent.emit('clear-generate-state')
+      MyEvent.emit('clear-client-state')
+      MyEvent.emit('clearAllCache')
+      resolve('')
+    })
+  }
+
+  return {
+    state,
+    getUserInfo,
+    setToken,
+    setUserInfo,
+    setGenerateParams,
+    getGenerateParams,
+    resetGenerateParams,
+    logOut
+  }
+})