一、路由组件与非路由组件的区别?
1、路由组件一般放置在pages|views文件夹。非路由组件一般放置components文件夹中
2、路由组件一般需要在router文件夹中进行注册(使用的即为组件的名字),非路由组件 在使用的时候,一般都是以标签的形式使用
3、注册完路由,不管路由路由组件、还是非路由组件身上都有$route 、 $router属性
$route:一般获取路由信息 路径、query、params等等
$router:一般进行编程式导航进行路由跳转push replace
二、路由显示隐藏控制
1、显示或者隐藏组件: v-show | v-if
(1)根据$route属性获取当前路由的信息,通过路由路径判断相应组件显示与隐藏。
(2)配置路由的时候给路由添加路由元素meta(需要配置对象,它的key不能乱写)
1、通过路由路径判断Footer组件的显示隐藏
<Footer v-show="$route.path=='/xxx'||$route.path=='/xxx'"