vue3 的router
时间: 2023-09-13 21:11:10 浏览: 51
Vue 3的路由(router)功能可以通过引入`useRouter`函数来实现。你可以在`setup`函数中使用`useRouter`来获取路由实例,然后使用该实例进行页面的跳转和参数的获取。通过`router.push`方法可以实现页面的跳转,你可以传入一个路径字符串或一个对象来进行跳转,也可以通过`router.replace`方法来替换当前位置。另外,你可以使用`$route.query`来获取通过query方式传递的参数。例如,你可以在页面中通过`$route.query.name`和`$route.query.age`来获取参数。此外,你还可以使用动态路由来匹配所有的页面,例如在NotFound的错误页面中,你可以编写一个动态路由`{ path: "/:pathMatch(.*)", component: () => import("../pages/NotFound.vue") }`。通过`$route.params.pathMatch`可以获取传入的参数。综上所述,Vue 3的router功能提供了方便的页面跳转和参数获取的方法。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [vue3:vue-router路由的使用](https://blog.csdn.net/qq_24767091/article/details/119326884)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]