小编Abh*_*hek的帖子

我想在Vue.js应用程序中为不同的路由使用相同的组件.

我目前有这样的事情:

main.js

const routes = [
    { path: '/route-1', name: 'route-1', component: MyComponent },
    { path: '/route-2', name: 'route-2', component: MyComponent },
    { path: '/route-3', name: 'route-3', component: MyComponent },

]

const router = new VueRouter({
    routes
})

myComponent.vue

<ul>
    <li><router-link to="/route-1">Route 1</router-link></li>
    <li><router-link to="/route-2">Route 2</router-link></li>
    <li><router-link to="/route-3">Route 3</router-link></li>
</ul>

当我在浏览器中手动键入路由时,一切都运行良好,但是当我尝试使用这些路由器生成的链接之一在路由之间导航时,没有任何反应.路线改变但内容仍然相同.知道如何解决这个问题吗？

谢谢!

创建一个简单的数组并在（空）对象中对其进行解构：

const foo: Array<number> = [1, 2, 3, 4];
const bar: Array<number> = {...foo};

类型检查不应该在这里失败吗？bar对我来说看起来不像一个数组。编辑器根本没有抱怨并将其视为bar数组类型，即使我可以在运行时轻松检查它不是。

编辑

在 TypeScript 游乐场中轻松重现它。