文章介绍了在Vue.js应用中，如何根据当前路由来控制组件的显示与隐藏。方法一是通过判断$route.path，当路径匹配特定值时显示组件；方法二是利用路由的meta属性，在路由配置中设置布尔值，然后在组件中用v-show绑定meta信息来控制显示状态。
方法1：$route.path 判断
html部分
路由配置
.我们可以根据组件身上的$route获取当前的路由信息，通过路由的路径判断我们的组件是否显示或者隐藏
例如：top是我们在某个页面上显示或者隐藏的导航组件
如果我们的home组件和user组件需要显示我们的top组件 ，我们可以用$route.path 判断我们当前所跳转到页面，如果等于则显示top组件，否则不显示
方法2：使用路由元件信息
以下的vue官方文档的介绍
ok下面我门看实际用法
我们在配置路由时添加meta属性
设置布尔值true 或者false
我们在组件中v-show绑定$route.meta.xxx 如果值为true则显示top组件，false隐藏top组件
6519
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
