初始化项目模板

store/common.js

@@ -0,0 +1,83 @@
+import {
+	ref,
+	reactive
+} from 'vue';
+import {
+	defineStore
+} from 'pinia'
+import {
+	parse,
+	stringify
+} from 'zipson'
+
+
+export const useCommon = defineStore(
+	'common',
+	() => {
+		const test = 'test'
+		return {
+			test
+		}
+
+	}, {
+		persist: {
+			paths: ['commonState'],
+			storage: {
+				getItem(key) {
+					return uni.getStorageSync(key)
+				},
+				setItem(key, value) {
+					uni.setStorageSync(key, value)
+				},
+			},
+			serializer: {
+				deserialize: parse,
+				serialize: stringify,
+			}
+		}
+	})
+
+/* 
+	页面内使用pinia
+	
+	1、引用你定义的store实例
+	import { useUserStore } from '@/stores/user'
+
+	2、实例化useUserStore 
+	const user = useUserStore()
+	
+	3、引入 storeToRefs 用于 给实例的属性创建refs，即响应式
+	import { storeToRefs } from 'pinia'
+	 例如：const {count} = storeToRefs(user)
+			count.value 此时为响应式
+	
+	4、修改state 方式共两种 如下
+	user.count++
+		4-1、
+		// 带自动补全 ✨
+		user.$patch({ count: counter.count + 1 })
+		$patch()可批量修改state的属性值
+		例如：
+			批量修改
+			const pathState = () => {
+				store.$patch({
+				  user: { name: 'ks', age: 20 },
+				});
+			};
+		
+		其他操作state的方法如下：
+		
+			替换State
+			const replaceState = () => {
+				store.$state.user = { age: 20, name: 'eee', sex: 'women' };
+			};
+			重置state的值
+			const reset = () => {
+				store.$reset();
+			};
+		
+		4-2、
+		// 或使用 action 代替
+		user.increment()
+	
+ */

store/store.js

@@ -0,0 +1,7 @@
+import {
+	createPinia
+} from 'pinia';
+import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
+const pinia = createPinia();
+pinia.use(piniaPluginPersistedstate)
+export default pinia;

store/user.js

@@ -0,0 +1,112 @@
+// 引用pinia商店
+import { ref, reactive } from 'vue';
+import { defineStore } from 'pinia';
+import { parse, stringify } from 'zipson';
+export const useUserStore = defineStore(
+  'user',
+  () => {
+    const userInfo = ref({});
+    const platform = ref('');
+    const userToken = ref('');
+    const isLogin = ref(false);
+    const currency = ref('HKD');
+    const kfTelCN = ref('');
+    const kfTelHK = ref('');
+    const wxLink = ref('');
+    const lang = ref('');
+    const setProfile = (val) => {
+      userInfo.value = {
+        ...val,
+      };
+      console.log(userInfo.value);
+    };
+    //清理用户信息，退出时使用
+    const clearProfile = () => {
+      userInfo.value = {
+        areaCode: '',
+        avatar: '',
+        birthday: null,
+        email: null,
+        gender: null,
+        mobile: '',
+        nickName: '',
+        trueName: null,
+        userId: null,
+      };
+    };
+    return {
+      isLogin,
+      userInfo,
+      userToken,
+      platform,
+      currency,
+      kfTelCN,
+      kfTelHK,
+      wxLink,
+      lang,
+      setProfile,
+      clearProfile,
+    };
+  },
+  {
+    persist: {
+      storage: {
+        getItem(key) {
+          return uni.getStorageSync(key);
+        },
+        setItem(key, value) {
+          uni.setStorageSync(key, value);
+        },
+      },
+      serializer: {
+        deserialize: parse,
+        serialize: stringify,
+      },
+    },
+  }
+);
+
+/* 
+	页面内使用pinia
+	
+	1、引用你定义的store实例
+	import { useUserStore } from '@/stores/user'
+
+	2、实例化useUserStore 
+	const user = useUserStore()
+	
+	3、引入 storeToRefs 用于 给实例的属性创建refs，即响应式
+	import { storeToRefs } from 'pinia'
+	 例如：const {count} = storeToRefs(user)
+			count.value 此时为响应式
+	
+	4、修改state 方式共两种 如下
+	user.count++
+		4-1、
+		// 带自动补全 ✨
+		user.$patch({ count: counter.count + 1 })
+		$patch()可批量修改state的属性值
+		例如：
+			批量修改
+			const pathState = () => {
+				store.$patch({
+				  user: { name: 'ks', age: 20 },
+				});
+			};
+		
+		其他操作state的方法如下：
+		
+			替换State
+			const replaceState = () => {
+				store.$state.user = { age: 20, name: 'eee', sex: 'women' };
+			};
+			重置state的值
+			const reset = () => {
+				store.$reset();
+			};
+		
+		4-2、
+		// 或使用 action 代替
+		user.increment()
+	
+ */