From 0a34e41cd329facc2f43178dcc12e984276a007d Mon Sep 17 00:00:00 2001
From: zhenyuWang <13641039885@163.com>
Date: Wed, 9 Aug 2023 11:56:53 +0800
Subject: [PATCH] fix(store): reactive warning

---
 App.uvue                                      |  5 +-
 pages/API/get-app/get-app.uvue                | 12 ++-
 .../get-current-pages/get-current-pages.uvue  |  3 +-
 .../get-launch-options-sync.uvue              |  2 +-
 pages/API/navigator/navigator.uvue            |  8 +-
 pages/API/navigator/new-page/new-page-1.uvue  |  3 +-
 pages/API/navigator/new-page/new-page-2.uvue  |  8 +-
 .../set-navigation-bar-color.uvue             | 84 ++++++++++---------
 store/index.uts                               |  2 +-
 9 files changed, 72 insertions(+), 55 deletions(-)

diff --git a/App.uvue b/App.uvue
index 6496abf0..d482f92d 100644
--- a/App.uvue
+++ b/App.uvue
@@ -1,5 +1,6 @@
-<script lang="ts">
-import { state, setLifeCycleNum } from './store/index.uts'
+<script lang="uts">
+import { state, setLifeCycleNum } from '@/store/index.uts'
+
 export default {
   onLaunch: function () {
     // 自动化测试
diff --git a/pages/API/get-app/get-app.uvue b/pages/API/get-app/get-app.uvue
index 92636c2a..c73ee7ac 100644
--- a/pages/API/get-app/get-app.uvue
+++ b/pages/API/get-app/get-app.uvue
@@ -4,17 +4,21 @@
     <view class="uni-padding-wrap">
       <text>点击按钮调用 App.uvue methods</text>
       <text class="margin-top:6px;">increasetLifeCycleNum 方法</text>
-      <button class="uni-common-mt" @click="_increasetLifeCycleNum">increase lifeCycleNum</button>
+      <button class="uni-common-mt" @click="_increasetLifeCycleNum">
+        increase lifeCycleNum
+      </button>
       <text class="uni-common-mt">lifeCycleNum: {{ lifeCycleNum }}</text>
     </view>
   </view>
 </template>
 
-<script lang="ts">
-import { state, setLifeCycleNum } from '@/store/index.uts'
+<script lang="uts">
+import { State, state, setLifeCycleNum } from '@/store/index.uts'
+
 export default {
-  data() {
+	data() {
     return {
+			_state: state as State,
       lifeCycleNum: 0,
     }
 	},
diff --git a/pages/API/get-current-pages/get-current-pages.uvue b/pages/API/get-current-pages/get-current-pages.uvue
index 3427e210..319ed88d 100644
--- a/pages/API/get-current-pages/get-current-pages.uvue
+++ b/pages/API/get-current-pages/get-current-pages.uvue
@@ -16,11 +16,12 @@
   </view>
 </template>
 
-<script lang="ts">
+<script lang="uts">
 class Page {
 	constructor(public route : string) {
 	}
 }
+
 export default {
 	data() {
 		return {
diff --git a/pages/API/get-launch-options-sync/get-launch-options-sync.uvue b/pages/API/get-launch-options-sync/get-launch-options-sync.uvue
index c3b1a3dc..b4e550e6 100644
--- a/pages/API/get-launch-options-sync/get-launch-options-sync.uvue
+++ b/pages/API/get-launch-options-sync/get-launch-options-sync.uvue
@@ -12,7 +12,7 @@
   </view>
 </template>
 
-<script lang="ts">
+<script lang="uts">
 export default {
   data() {
     return {
diff --git a/pages/API/navigator/navigator.uvue b/pages/API/navigator/navigator.uvue
index 82622fe3..9debbebd 100644
--- a/pages/API/navigator/navigator.uvue
+++ b/pages/API/navigator/navigator.uvue
@@ -45,11 +45,13 @@
   </view>
 </template>
 
-<script lang="ts">
-import { state, setLifeCycleNum } from '@/store/index.uts'
+<script lang="uts">
+import { State, state, setLifeCycleNum } from '@/store/index.uts'
+
 export default {
-  data() {
+	data() {
     return {
+			_state: state as State,
       onLoadTime: 0,
       onShowTime: 0,
       onReadyTime: 0,
diff --git a/pages/API/navigator/new-page/new-page-1.uvue b/pages/API/navigator/new-page/new-page-1.uvue
index c936588e..3895c285 100644
--- a/pages/API/navigator/new-page/new-page-1.uvue
+++ b/pages/API/navigator/new-page/new-page-1.uvue
@@ -9,8 +9,9 @@
   </view>
 </template>
 
-<script lang="ts">
+<script lang="uts">
 import { state } from '@/store/index.uts'
+
 export default {
   data() {
     return {
diff --git a/pages/API/navigator/new-page/new-page-2.uvue b/pages/API/navigator/new-page/new-page-2.uvue
index 728934ea..0ad97a53 100644
--- a/pages/API/navigator/new-page/new-page-2.uvue
+++ b/pages/API/navigator/new-page/new-page-2.uvue
@@ -5,11 +5,13 @@
   </view>
 </template>
 
-<script lang="ts">
-import { state, setLifeCycleNum } from '@/store/index.uts'
+<script lang="uts">
+import { State, state, setLifeCycleNum } from '@/store/index.uts'
+
 export default {
-  data() {
+	data() {
     return {
+			_state: state as State,
       isScrolled: false,
     }
   },
diff --git a/pages/API/set-navigation-bar-color/set-navigation-bar-color.uvue b/pages/API/set-navigation-bar-color/set-navigation-bar-color.uvue
index f80d957f..ee5d7a76 100644
--- a/pages/API/set-navigation-bar-color/set-navigation-bar-color.uvue
+++ b/pages/API/set-navigation-bar-color/set-navigation-bar-color.uvue
@@ -1,21 +1,27 @@
-<template>
-  <view>
-    <page-head title="setNavigationBarColor"></page-head>
-    <view class="uni-padding-wrap uni-common-mt">
-        <button @tap="setNavigationBarColor1" class="uni-btn">
-          设置导航条背景绿色，标题白色
-        </button>
-				<button @tap="setNavigationBarColor2" class="uni-btn">
-				  设置导航条背景红色，标题黑色
-				</button>
-    </view>
-  </view>
-</template>
-
-<script lang="ts">
-import { state, setLifeCycleNum } from '@/store/index.uts'
-export default {
-  methods: {
+<template>
+  <view>
+    <page-head title="setNavigationBarColor"></page-head>
+    <view class="uni-padding-wrap uni-common-mt">
+      <button @tap="setNavigationBarColor1" class="uni-btn">
+        设置导航条背景绿色，标题白色
+      </button>
+      <button @tap="setNavigationBarColor2" class="uni-btn">
+        设置导航条背景红色，标题黑色
+      </button>
+    </view>
+  </view>
+</template>
+
+<script lang="uts">
+import { State, state, setLifeCycleNum } from '@/store/index.uts'
+
+export default {
+	data() {
+    return {
+			_state: state as State
+		}
+	},
+  methods: {
     setNavigationBarColor1() {
       uni.setNavigationBarColor({
         frontColor: '#ffffff',
@@ -51,24 +57,24 @@ export default {
 		      setLifeCycleNum(state.lifeCycleNum + 1)
 		    }
 		  })
-		},
-    // 自动化测试
-    getLifeCycleNum(): number {
-      return state.lifeCycleNum
-    },
-    // 自动化测试
-    setLifeCycleNum(num: number) {
-      setLifeCycleNum(num)
-    },
-  },
-}
-</script>
-
-<style>
-.direction-row {
-  flex-direction: row;
-}
-.label {
-  width: 190px;
-}
-</style>
+		},
+    // 自动化测试
+    getLifeCycleNum(): number {
+      return state.lifeCycleNum
+    },
+    // 自动化测试
+    setLifeCycleNum(num: number) {
+      setLifeCycleNum(num)
+    },
+  },
+}
+</script>
+
+<style>
+.direction-row {
+  flex-direction: row;
+}
+.label {
+  width: 190px;
+}
+</style>
diff --git a/store/index.uts b/store/index.uts
index 09170b23..948ff461 100644
--- a/store/index.uts
+++ b/store/index.uts
@@ -1,4 +1,4 @@
-type State = {
+export type State = {
   lifeCycleNum: number
 }
 
-- 
GitLab