vue3

16.vue3/project2/src/App.vue

@@ -1,8 +1,8 @@
 <template>
   <div>
-    <RouterLink to="/home">首页</RouterLink>
-    <RouterLink to="/list">列表</RouterLink>
-    <RouterLink to="/my">我的</RouterLink>
+    <RouterLink push to="/home">首页</RouterLink>
+    <RouterLink push to="/list">列表</RouterLink>
+    <RouterLink push to="/my">我的</RouterLink>
     <!-- 占位符 -->
     <RouterView></RouterView>
   </div>

16.vue3/project2/src/router/index.js

@@ -5,6 +5,10 @@ import My from '../views/My.vue'
 const router = createRouter({
     history: createWebHistory(),
     routes: [
+        {
+            path: '/',
+            redirect: '/home'
+        },
         {
             path: '/home',
             component: Home

16.vue3/project2/src/views/My.vue

@@ -1,9 +1,24 @@
 <template>
-  <div>我的</div>
+  <div>
+    <h1>我的</h1>
+    <button @click="goList">去列表</button>
+  </div>
 </template>
 
 <script lang="ts" setup>
 import { ref, reactive } from "vue";
+import { useRouter } from "vue-router";
+const router = useRouter();
+const goList = () => {
+  // router.back();
+  // router.replace("/home");
+  // router.forward();
+  // router.go(-2);
+  // router.push("/list");
+  // router.push("/list");
+};
+
+// ref() reactive()
 </script>
 
 <style lang="scss" scoped>