引导者本文目录一览：
- 1、vue中router-link和什么标签搭配使用
- 2、VueRouter的基本使用
- 3、在vue中怎么动态变换router-link中to的值
- 4、Vue路由采坑记
- 5、Vue中展示二级路由的默认模块/二级路由默认显示
vue中router-link和什么标签搭配使用
1、第一种情况，name为路由注册时所取的名字 在重定向的时候直接用 name 代表 path 进行跳转，是一种快捷语法。
2、最后创建一个router实例。第一个path / 表示的意思是默认路由进来的组件。也就是router到了这里就差最后一步了。回到app.vue。写上路由。分别给router1，router2加上路由标签。
3、也有方法让它渲染成其他标签，tag属性就用来设置router-link渲染成什么标签的。active-class ** 上面说了被选中的router-link将自动添加一个class属性值.router-link-active ，这个属性就是来修改这个class值的。
VueRouter的基本使用
1、用 Vue.js + VueRouter 创建单页应用，是非常简单的。
2、beforeEach ： 路由全局前置守卫，可用于登录验证、全局路由loading等。beforeEnter ： 路由独享守卫 beforeRouteEnter ： 路由的组件进入路由前钩子。
3、你可以向 next 传递任意位置对象，且允许设置诸如 replace： true、name： home 之类的选项以及任何用在router-link 的 to prop 或 router.push中的选项。
在vue中怎么动态变换router-link中to的值
1、路由demo示例 路由的跳转 router-link是一个组件，默认被渲染成一个带有链接的a标签，通过to属性指定链接地址。
2、你可以使用 Vue Router 的 $route 对象来监听路由参数的变化。你可以使用 watch 或者 beforeRouteUpdate 钩子函数来实现。在 watch 中，可以监听 $route 对象的变化，然后根据需要更新组件的数据。
3、to(string)---必填属性，跳转路径 replace(true/false)利用 replace ，当点击时，会调用 router.replace() 而不是 router.push()，于是导航后不会留下 history 记录。
4、两步完成用name传值并显示在模板里：在路由文件src/router/index.js里配置name属性。
Vue路由采坑记
第一种情况，name为路由注册时所取的名字 在重定向的时候直接用 name 代表 path 进行跳转，是一种快捷语法。
在一个组件里，通过props传值进去对象，在控制台打印报错误信息，提示某属性不存在。例如：类似这种的，取对象子级下面的值，就报了undefined。原因应该是在初始传值，最多默认 data={}。
解决：通过反复测试，后面发现有一条不显眼的警告消息：[vue-router]Non-nestedroutesmustincludealeadingslashcharacter.Fixthefollowingroutes：...大概意思是非嵌套路由必须包含一个前导斜杠字符。
使用 children 给路径添加子路径。形成嵌套路由，父路由可以只渲染一个 router-view ，但必须有一个 router-view ，子路由将渲染在父路由的 router-view 里。
那么，我们可以在 vue-router 的路由路径中使用“动态路径参数”(dynamic segment) 来达到这个效果：现在呢，像 /user/foo 和 /user/bar 都将映射到相同的路由。一个“路径参数”使用冒号 ： 标记。
通常我们在vue项目中都是前端配置好路由的，但在一些项目中我们可能会遇到权限控制，这样我们就涉及到 动态路由 的设置了。动态路由设置一般有两种 ：(1)、简单的角色路由设置：比如只涉及到管理员和普通用户的权限。
Vue中展示二级路由的默认模块/二级路由默认显示
第一：页面打开后是要有默认显示页的（默认的路由），第二，同时实现路由切换时像JStab切换效果。接下来，我们要在app.vue里写好2个导航命名为router1和router2。分别用来将router2，router1路由进来。
这样，路由器2就变身成了交换机，所有接入的计算机都归路由器1管理。访问IP段的设置方法路由器1和2的访问IP段不能相同，否则容易发生冲突。
使用嵌套路由：将一级路由作为父路由，将二级路由配置在其中，可以保留一级路由的结构和页面布局。
步骤一 主（第一台）路由器配置 1 假设将用于连接外部网络的路由器当作第一台路由器，我们将此路由器作为主路由器。如果你的由路由器是新买的更恢复过出厂默认值，则其IP应该是19161。
在 router-link 上也可使用注册路由时路由所取的name对 href 进行设置，点击link时会自动跳转到该name路由的 path 第二种用法是 一个路由对应多个视图 时对除了路由默认视图的视图进行标注，以便引入对应的路由。
