vue路由跳转

Question

<div id="app">
<router-view></router-view>
<div class="导航">
 <router-link to="/">1</router-link>
<router-link to="/2">2</router-link>
<router-link to="/3">3</router-link>
<router-link to="/4">4</router-link>
</div>
</div>

//点击路由2时候
<div>全新页面没有<router-link>标签</div>

当我点击router 1,2,3,4时，组件会渲染到router-view
但是我想要的是，当我点击2的时候，跳到一个全新的页面，不想在看到“导航”，

我应该怎么布局，路由应该怎么跳？

Answer 1

你可以写一个watch去监听路由，路由信息变成路由2的路由信息的时候就把导航隐藏，否则就显示，就可以了

Answer 2

如果页面多建议将导航航做成一个 nav 组件,在需要的时候使用，在页面中控制显示隐藏之类的。
如果页面少，可以通过状态管理控制显示隐藏