no message

main.js

@@ -1,13 +1,16 @@
-import { createSSRApp } from 'vue'
-import store from './store'
-import App from './App.vue'
-import $lu from './lu'
-
-uni.$lu = $lu
-export function createApp() {
-  const app = createSSRApp(App)
-  app.use(store)
-  return {
-    app
-  }
-}
+import {
+	createSSRApp
+} from 'vue'
+import * as Pinia from 'pinia';
+import App from './App.vue'
+import $lu from './lu'
+
+uni.$lu = $lu
+export function createApp() {
+	const app = createSSRApp(App)
+	app.use(Pinia.createPinia())
+	return {
+		app,
+		Pinia
+	}
+}

pages/dev/dev/Navbar/Navbar.vue

@@ -1,10 +1,15 @@
 <script setup>
-  /**
-   * name：
-   * user：sa0ChunLuyu
-   * date：2022-04-19 15:44:14
-   */
+	/**
+	 * name：
+	 * user：sa0ChunLuyu
+	 * date：2022-04-19 15:44:14
+	 */
+	const back = () => {
+		uni.navigateBack({
+			delta: 1
+		})
+	}
 </script>
 <template>
-  <uni-nav-bar fixed statusBar left-icon="left" @clickLeft="back"  title="示例" />
+	<uni-nav-bar fixed statusBar left-icon="left" @clickLeft="back" title="示例" />
 </template>

pages/dev/dev/Pinia/Pinia.vue

@@ -0,0 +1,33 @@
+<script setup>
+	/**
+	 * name：
+	 * user：sa0ChunLuyu
+	 * date：2022-04-19 18:57:41
+	 */
+	import {
+		useStore
+	} from '@/store/index.js';
+	const $store = useStore()
+</script>
+<template>
+	<uni-section title="Pinia" type="line">
+		<view class="uni-ma-5 uni-pb-5 dev_item_wrapper">
+			<view class="button_wrapper">
+				<button size="mini" @click="$store.count++">增加</button>
+				<view class="break_wrapper"> {{ $store.count }} </view>
+				<button size="mini" @click="$store.count--">减少</button>
+			</view>
+		</view>
+	</uni-section>
+</template>
+<style scoped>
+	.break_wrapper {
+		margin: 0 10rpx;
+	}
+
+	.button_wrapper {
+		align-items: center;
+		display: flex;
+		justify-content: center;
+	}
+</style>

pages/dev/dev/Vuex/Vuex.vue

@@ -1,33 +0,0 @@
-<script setup>
-  /**
-   * name：
-   * user：sa0ChunLuyu
-   * date：2022-04-19 18:57:41
-   */
-  import {
-    useStore
-  } from 'vuex'
-  const $store = useStore()
-</script>
-<template>
-  <uni-section title="Vuex" type="line">
-    <view class="uni-ma-5 uni-pb-5 dev_item_wrapper">
-      <view class="button_wrapper">
-        <button size="mini" @click="$store.state.count++">增加</button>
-        <view class="break_wrapper"> {{ $store.state.count }} </view>
-        <button size="mini" @click="$store.state.count--">减少</button>
-      </view>
-    </view>
-  </uni-section>
-</template>
-<style scoped>
-  .break_wrapper {
-    margin: 0 10rpx;
-  }
-
-  .button_wrapper {
-    align-items: center;
-    display: flex;
-    justify-content: center;
-  }
-</style>

pages/dev/dev/dev.vue

@@ -7,7 +7,7 @@
   import NavbarComponent from './Navbar/Navbar.vue' // 					Navbar
   import RouterQueryComponent from './RouterQuery/RouterQuery.vue' // 	路由参数
   import ApiComponent from './Api/Api.vue' // 							接口
-  import VuexComponent from './Vuex/Vuex.vue' // 							Vuex
+  import PiniaComponent from './Pinia/Pinia.vue' // 					Pinia
   import RouterPushComponent from './RouterPush/RouterPush.vue' // 		路由跳转
   import FatherComponent from './SonFather/Father.vue' // 				子父组件
   import UserAvatarComponent from './UserAvatar/UserAvatar.vue' // 		用户头像
@@ -31,7 +31,7 @@
   <NavbarComponent></NavbarComponent>
   <RouterQueryComponent :name="$props.name"></RouterQueryComponent>
   <ApiComponent></ApiComponent>
-  <VuexComponent></VuexComponent>
+  <PiniaComponent></PiniaComponent>
   <RouterPushComponent></RouterPushComponent>
   <FatherComponent></FatherComponent>
   <UserAvatarComponent></UserAvatarComponent>

store/index.js

@@ -1,22 +1,19 @@
 import {
-	createStore
-} from "vuex";
+	defineStore
+} from 'pinia';
 
-export default createStore({
-	state: {
-		count: 1,
-		loading: 0,
-	},
-	mutations: {
-		loadingStart(state) {
-			state.loading++
+export const useStore = defineStore('counter', {
+	state: () => ({ 
+		count: 1,
+		loading: 0,
+	}),
+	actions: {
+		loadingStart() {
+			this.loading++
 		},
-		loadingDone(state) {
-			state.loading--
-			if (state.loading < 0) state.loading = 0
+		loadingDone() {
+			this.loading--
+			if (this.loading < 0) this.loading = 0
 		}
 	},
-	actions: {},
-	getters: {},
-	modules: {}
-});
+});