1.什么是vue-router Vue Router 是 Vue.js (opens new window)官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：

• 嵌套的路由/视图表
• 模块化的、基于组件的路由配置
• 路由参数、查询、通配符
• 基于 Vue.js 过渡系统的视图过渡效果
• 细粒度的导航控制
• 带有自动激活的 CSS class 的链接
• HTML5 历史模式或 hash 模式，在 IE9 中自动降级
• 自定义的滚动条行为

注意：vue-router 是使用在单页面应用中，换句话说如果没有单页面应用也就没有vue-router。

2.什么是SPA？

那么什么是单页面应用（SPA:Single Page Application）呢？

所谓单页面应用就是一个网站的所有功能都集中在一个页面中。从而保证了用户在不同功能之间跳转之间跳转的时候，仅仅通过js代码就可以完成切换，对于浏览器来说是无刷新的。也正是因为如此，用户在浏览器里直接访问某个功能的时候，浏览器会先打开首页，也就是进入一个vue的根页面。然后vue-router再根据url的后半部分，在根页面的基础上再继续渲染不同的功能。这些功能在页面上的具体位置是由代码里的routetr-view标签来决定的。但是只要用户进入这个网站的任何一个功能，后面在js层面就可以做到功能之间的相互跳转，从而实现了浏览器的无刷新效果。

总之，针对单页面应用的路由器vue-router来说，它要解决的核心问题有两个：第一，用户在不同功能之间跳转的时候不能让浏览器去刷新。第二，用户通过url可以在浏览器里顺利的直接使用某个功能。