router.replace(location, onComplete?, onAbort?) 和router.push(...)很像，唯一的不同就是，它不会向 history 添加新记录，而是跟它的方法名一样 —— 替换掉当前的 history 记录。声明式导航替换用法： <router-link :to="..." replace> ，编程式导航替换用法： router.replace(...)
router.go(n)的使用，这个方法的参数是一个整数，意思是在 history 记录中向前或者后退多少步，类似 window.history.go(n)。
// 在浏览器记录中前进一步，等同于 history.forward() router.go(1) // 后退一步记录，等同于 history.back() router.go(-1) // 前进 3 步记录 router.go(3) // 如果 history 记录不够用，那就默默地失败呗 router.go(-100) router.go(100)
2.6 命名视图。有时候想同时 (同级) 展示多个视图，而不是嵌套展示，例如创建一个布局，有 sidebar (侧导航) 和 main (主内容) 两个视图，这个时候命名视图就派上用场了。你可以在界面中拥有多个单独命名的视图，而不是只有一个单独的出口。如果 router-view 没有设置名字，那么默认为 default。
router.js中部分代码：
{ path: '/pageD', name: 'pageD', components: { //演示命名视图 default: PageD, tanA: PageA, tanB: PageB } }
App.vue中部分代码：
<router-view/> <!-- 命名视图, 路由视图名字匹配了，就会展示匹配的页面内容 --> <router-view/> <router-view/>
2.7 路由模式。默认路由模式是hash模式，即地址栏中域名后带有#符号（此 hash 不是密码学里的散列运算）。它的特点
就是使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。不过看起来不是很美观，另外hash模式的路由，在作为回调地址和一些第三方公司合作时，会有点麻烦，比如如果想实现微信快捷登录或者获取微信用户授权时，当微信用户授权成功后，回跳回来时，微信返回的code参数会插入到#符号前面，这样的话就为了获取这个code，就需要一系列的另外操作了。
路由模式还有另外一种模式就是history模式，这种模式是没有#符号的，符合我们平常的使用习惯。这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。
export default new Router({ //mode: 'hash', //默认hash模式，hash模式有#；另外还有一种history模式，没有#符号 mode: 'history', //history模式，没有#符号 routes })
不过这种模式要玩好，还需要后台配置支持。因为我们的应用是个单页客户端应用，如果后台没有正确的配置，当用户在浏览器直接访问 就会返回 404，这就不好看了。
所以呢，你要在服务端增加一个覆盖所有情况的候选资源：如果 URL 匹配不到任何静态资源，则应该返回同一个 index.html 页面，这个页面就是你 app 依赖的页面。
3、路由导航守卫。
“导航”表示路由正在发生改变，vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航，从而达到控制导航走向。有多种机会植入路由导航过程中：全局的，单个路由独享的，或者组件级的。
3.1 全局前置守卫： router.beforeEach
import router from './router.js' Vue.config.productionTip = false //全局守卫 //beforeEach， 全局前置守卫，当一个导航触发时，全局前置守卫按照创建顺序调用。 router.beforeEach((to, from, next)=>{ console.log("....beforeEach....") //数据校验时 // if (to.fullPath === '/home'){ // next('/login') // } if (to.path != '/login'){ next(); } else { setTimeout(()=>{ next(); }, 1000) } console.log(to) console.log(from) console.log(next); })
当一个导航触发时，全局前置守卫按照创建顺序调用。守卫是异步解析执行，此时导航所在所有守卫resolve完之前一直处于等待中。
每个守卫方法接收三个参数：
to: Route: 即将要进入的目标 路由对象。
from: Route: 当前导航正要离开的路由
next: Function: 一定要调用该方法来 resolve 这个钩子。执行效果依赖 next 方法的调用参数。
next(): 进行管道中的下一个钩子。如果全部钩子执行完了，则导航的状态就是 confirmed (确认的)。
next(false): 中断当前的导航。如果浏览器的 URL 改变了 (可能是用户手动或者浏览器后退按钮)，那么 URL 地址会重置到 from 路由对应的地址。