vue中公共组件在部分组件中显示

场景

导航条只在除登录注册以外以及特殊页面显示；

公共组件在部分页面显示，部分页面不显示。

方法:

router-view结合$route.meta

代码: 

<template>
  <div id="app">
    <div v-if="!$route.meta.show">
      <router-view/>
      <v-footer></v-footer>
    </div>
    <router-view v-if="$route.meta.show"></router-view>
  </div>
</template>      

{
  path: '/member',
  name: 'Member',
  component: Member,
  meta: {
    show: true
  }
},