vue3

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

@@ -38,8 +38,9 @@ const router = createRouter({
                     name:"nvzhuang"
                 },
                 {
-                    path: 'demo3',
-                    component: Demo3
+                    path: 'demo3/:ids/:num',
+                    component: Demo3,
+                    name:"tongzhuang"
                 }
             ]
         }

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

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

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

@@ -14,7 +14,16 @@
             }
         }">女装</RouterLink>
         <!-- <RouterLink to="/list/demo2">女装</RouterLink> -->
-        <RouterLink to="/list/demo3">童装</RouterLink>
+         <!-- parmas -->
+        <RouterLink :to="{
+            // path:'/list/demo3',
+            name:'tongzhuang',
+            params:{
+                ids:1,
+                num:'20'
+            }
+        }">童装</RouterLink>
+        <!-- <RouterLink :to="`/list/demo3/001/002`">童装</RouterLink> -->
     </nav>
     <main>
         <RouterView></RouterView>