路由元:
路由元,通过meat属性,可以将任何信息附加到路由上,可以判断谁可以访问路由及控制是否访问组件。
格式: meta:{
变量名1:变量值,
变量名2:变量值,
}
场景:比如在前端开发中,自定义的页脚组件,不想在注册页面展示,在首页展示,可以通过设置meta来实现,
【1】给router/index.js 路由文件中,添加meta属性,自定义名称showfooter 来区分是否展示,实现:当打开/home 主页时,显示页脚;打开/register 注册页面时,不显示页脚
【2】修改App.vue 中的页脚组件,增加v-show属性,通过路由配置中的meta.showfooter,控制Footer页脚组件的显示隐藏。v-show="true" 显示,v-show="false" 隐藏