vue-router是什么
路由是SPA（单页应用）路径管理器。
vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。路由模块的本质 就是建立起url和页面之间的映射关系。
vue-router的实现原理
单页面应用(SPA)的核心之一是: 更新视图而不重新请求页面。
SPA(single page application):单一页面应用程序，只有一个完整的页面；它在加载页面时，不会加载整个页面，而是只更新某个指定的容器中内容。
1 Hash模式：
vue-router默认是hash模式，hash模式是使用用url的hash来模拟一个完整的url,hash就是那个#号，相当于是url的锚点，代表网页中的一个位置，单单改变#后面的部分，浏览器只会滚到相应位置，不会重新加载页面，也就是说hash出现在url中，但不会包含在http的请求中，对后端完全没有影响，因此hash不会重新加载页面。
同时每一次改变#后的部分，都会在浏览器的访问历史中增加一个记录，使用”后退”按钮，就可以回到上一个位置；Hash模式通过锚点值的改变，根据不同的值，渲染指定DOM位置的不同数据。
hash 模式的原理是 onhashchange 事件(监测hash值变化)，可以在 window 对象上监听这个事件。
2 History模式：
History模式利用了html5中新增的 pushState() 和 replaceState() 方法。这两个方法应用于浏览器记录栈，在当前已有的 back、forward、go 基础之上，它们提供了对历史记录修改的功能。只是当它们执行修改时，虽然改变了当前的 URL ，但浏览器不会立即向后端发送请求。
当你使用 history 模式时，URL 就像正常的 url，例如 yoursite.com/user/id，比较好… 不过这种模式要玩好，还需要后台配置支持。因为我们的应用是个单页客户端应用，如果后台没有正确的配置，当用户在浏览器直接访问 oursite.com/user/id 就会返回 404，这就不好看了。 所以呢，你要在服务端增加一个覆盖所有情况的候选资源：如果 URL 匹配不到任何静态资源，则应该返回同一个 index.html 页面，这个页面就是你 app 依赖的页面。
声明式导航和编程式导航的区别
声明式导航即 <router-link>会默认解析成 a 标签.
编程式导航就是写js方式
- this.$router.push(path): 相当于点击路由链接(可以返回到当前路由界面) ==>> 队列的方式（先进先出）
- this.$router.replace(path): 用新路由替换当前路由(不可以返回到当前路由界面) ==>> 栈的方式（先进后出）
- this.$router.back(): 请求(返回)上一个记录路由
- this.$router.go(-1): 请求(返回)上一个记录路由
- this.$router.go(1): 请求下一个记录路由
