Vue实现嵌套路由

嵌套路由又称为子路由，在实际应用中，通常由多层嵌套的组件组合而成。同样地，URL中各段动态路景观也按某种结构对应嵌套的各层组件，例如我们看Vue的官网教程。

当我们点击左边的项目的时候，我们知道，他左边和上面两个导航栏是不会改变的。改变的只是右边那一块区域。将鼠标放在某个标签上面，我们可以看到，他就是一个路由。或者我们应该说，他就是一个子路由。接下来，我们就说一下怎么实现这个子路由功能。

我们先去ElemetUI里面选一个吧。我选的是下面

它对应的代码如下：我们将它写到我们的Main.vue文件中即可（被我稍作了修改，毕竟我们只是学习，也不需要用那么多）。