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
  }
},