带有硬编码数据的索引路由

Question

我一直在 vue-router 文档中搜索索引路由，但找不到如何执行此操作：

我有

const routes = [
    { path: '/:slug', component: Project }
];

我想要的是为“/”（根）指定一个硬编码的 slug，并将 Project 组件也用于此路径。类似的东西（这是错误的）：

const routes = [
    { path: '/', {'slug':'home-project'}, component:Project})
    { path: '/:slug', component: Project }
];

非常感谢！

Answer 1

好的，这很容易

const routes = [
    { path: '/', component: Project }
    { path: '/:slug', component: Project }
];

然后在项目中：

let slug = this.$route.params.slug;
if (!slug) {
    slug = 'some-default-slug';
}