vue3

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

@@ -34,7 +34,8 @@ const router = createRouter({
                 },
                 {
                     path: 'demo2',
-                    component: Demo2
+                    component: Demo2,
+                    name:"nvzhuang"
                 },
                 {
                     path: 'demo3',

12.vue3/project2/src/views/Demo1.vue

@@ -4,7 +4,9 @@
 
 <script lang="ts" setup>
 import {ref,reactive} from "vue" 
-
+import { useRoute } from "vue-router";
+const route = useRoute();
+console.log(route.query,'route')
 </script>
 
 <style lang="scss" scoped>

12.vue3/project2/src/views/List.vue

@@ -2,8 +2,18 @@
   <div>
     列表
     <nav>
-        <RouterLink to="/list/demo1">男装</RouterLink>
-        <RouterLink to="/list/demo2">女装</RouterLink>
+        <!-- query传参 -->
+        <RouterLink to="/list/demo1?a=1&b=2">男装</RouterLink>
+        <RouterLink :to="{
+            name:'nvzhuang',
+            // path:'/list/demo2',
+            query:{
+                id:1,
+                name:'孙悟空1',
+                age:18
+            }
+        }">女装</RouterLink>
+        <!-- <RouterLink to="/list/demo2">女装</RouterLink> -->
         <RouterLink to="/list/demo3">童装</RouterLink>
     </nav>
     <main>