vue3的vue-router的router.ts应该怎么写,请举例
时间: 2024-04-29 21:21:17 浏览: 77
以下是一个简单的Vue 3项目的router.ts文件示例:
```typescript
import { createRouter, createWebHistory } from 'vue-router';
import Home from '@/views/Home.vue';
import About from '@/views/About.vue';
const routes = [
{
path: '/',
name: 'Home',
component: Home,
},
{
path: '/about',
name: 'About',
component: About,
},
];
const router = createRouter({
history: createWebHistory(),
routes,
});
export default router;
```
在这个示例中,我们使用`createRouter`函数创建了一个Vue Router实例,并传入了路由配置数组`routes`。`createWebHistory`函数用于创建一个浏览器模式的路由历史记录管理器。
`routes`数组包含了两个路由对象,分别是指向`Home.vue`和`About.vue`组件的路由。`path`属性指定了路由路径,`name`属性用于给路由命名,`component`属性指定了路由对应的组件。
最后,我们将`router`实例导出,以便在Vue应用中使用。
阅读全文