比如非路由Footer组件在路由Home、Search显示，在登陆，注册隐藏

方法1

<Footer v-show="$route.path=='/home'||$route.path=='/search'"></Footer>

方法2：路由元信息

找到路由文件router/index.js，配置meta字段

配置路由的时候，可以给路由添加元信息【meta】,路由需要配置对象，他的key不能乱写

  //配置路由
    routes:[
    {
    path:"/home",
    component:Home，
    meta:{show:true}//为什么适用布尔值，因为v-show需要的就是布尔值
    }，
     {
    path:"/search",
    component:Search，
    meta:{show:true}
    }，
     {
    path:"/login",
    component:Login，
    meta:{show:false}
    }，
     {
    path:"/register",
    component:Register，
    meta:{show:false}
    }，

找到App.vue的Footer组件名

<Footer v-show="$route.meta.show"></Footer>//如果你当前的路由中当中，show这个值为真就显示，否则不显示

标签：Search,false,show,Footer,component,meta,path,路由
来源： https://blog.csdn.net/xx820702/article/details/123614778