vue实战-路由元信息的使用
元信息使用前提:
Footer组件的显示与隐藏:在Home、Search、显示,在Login、Register隐藏。
组件的显示与隐藏用v-show、v-if
因为直接在组件上判断显示与隐藏很繁琐,于是引入路由元信息。
路由元信息使用
在router文件夹下的每个路由组件的路由信息中添加meta属性(里面可以自定义添加属性)。
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/a7278823a4c9c5c6d207aec7dd3d33bd.png)
于是在总组件App.vue上的Footer组件中添加判断
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/96b433230d1d6da1ce164bbd1e885572.png)
总结
配置路由的时候,可以给路由添加路由元信息【meta】,路由需要配置对象,它的key不能瞎写。