vue中某个页面不需要引用app.vue里公共头部组件

vue是单页面应用，公共组件放在app.vue中，如头部和侧边栏，然后是router-view。

image.png

但是，如果我有一个页面不需要引入公共头部组件，比如登录页，只需要一个登录框和logo组成的页面。此时，就要用v-show来判断头部组件，是否显示。

即在根组件App.vue的公共组件（头部或侧边栏）里，判断当前路由页面，是否不需要该公共组件。

image.png

data中定义path，在mounted中设置this.path=当前页面路由，再监测路由变化。

image.png

vue官方参考文档：https://router.vuejs.org/zh/guide/essentials/dynamic-matching.html#%E5%93%8D%E5%BA%94%E8%B7%AF%E7%94%B1%E5%8F%82%E6%95%B0%E7%9A%84%E5%8F%98%E5%8C%96