vue-router如何实现多视图

Question

比如有一个视图

<template>
 <div id="app">
  <div class="nav">
    <ul>
      <li>...</li>
      <li>...</li>
      <li>...</li>
    </ul>
  </div>
  <div class="content">
    <router-view></router-view> 
  </div>
 </div>
</template>

另一个视图是这样的

<template>
  <div id="app">
    <router-view></router-view> 
  </div>
</template>

然后
有些路由用第一个视图，有些路由用另一个视图

可以怎么实现呢

Answer 1

你需要的是 命名视图
https://router.vuejs.org/zh-c...

Answer 2

路由嵌套 呀

看你代码的样子，应该是想，用户登录了，是上面的布局，未登录是下面的。

- /user/
    - /menu1
    - /menu2
- /login
- /register

大概路由是这么个情况，使用嵌套路由就可以了。