vue3获取路由列表
时间: 2023-10-14 10:05:13 浏览: 273
在 Vue 3 中,你可以使用 `vue-router` 库来获取路由列表。下面是一种常见的方法:
```javascript
import { createRouter, createWebHistory } from 'vue-router';
const router = createRouter({
history: createWebHistory(),
routes: [
// 定义你的路由
{ path: '/', component: Home },
{ path: '/about', component: About },
{ path: '/contact', component: Contact },
],
});
// 获取路由列表
const routes = router.options.routes;
console.log(routes);
```
上面的代码中,我们首先导入了 `createRouter` 和 `createWebHistory` 方法来创建一个路由实例。然后,我们通过 `routes` 属性来获取路由列表,并将其打印到控制台上。
请确保已经安装了 `vue-router` 库,并且在你的应用程序中进行了正确的配置和使用。
阅读全文