Question

Vue中router-view的使用

Answer 1

开发的时候有时候会遇到一种情况，比如 ：点击这个链接跳转到其他组件的情况，通常会跳转到新的页面，但是如果我们不想跳转到新页面，只在当前页面切换着显示，那么就要涉及到路由的嵌套了，也可以说是子路由的使用。

如何实现上面的场景呢？
首先，我们在导航组件navbar.vue中写了三个导航链接，他们对应地址分别为：/food，/rating，/seller，点击每个导航链接会跳转到不同的组件，并且加上<router-view></router-view>这个标签：
navbar.vue ：

然后，我们在index.vue引入navbar.vue：
index.vue ：

最后，路由配置：

可以使用keep-alive缓存路由页面：

注意： 使用 <keep-alive> 的页面必需有自己name才会生效。

原文： https://blog.csdn.net/luoyu6/article/details/80098145