vue实现登录页面隐藏公共导航栏

现在很多移动web都是标配的下方有个公共的导航栏，不管切换到哪个页面，导航栏都是存在的。

所以建议导航栏和<router-view></router-view>放在同级。

登录页面不需要显示导航栏，代码如下：

App.vue

<template>
  <div id="app" >
    <router-view></router-view>
    <Menu v-show="$route.name!=='login'"></Menu>
  </div>
</template>

路由index.js

import Login from '@/components/Login'  //登录

Vue.use(Router)

export default new Router({
  mode: 'history',
  routes: [
    {
      name: 'login',
      path: '/',
      component: Login
    }
  ]
})