一、什么是前端路由？
前端路由，即由前端来维护一个路由规则，实现由两种，一种是利用url的hash，就是常说的锚点，javascript通过hashChange事件来监听url的改变，IE7及一下需要使用轮询；另外一种就是HTML5的History模式，它使url看起来像普通网站那样，以’/’分割，没有#，但是页面并没有跳转，不过使用这种模式需要服务端支持，服务端在接收到所有的请求后，都指向同一个html文件，不然会出现，因此，SPA只有一个html,整个网站所有的内容都在这一个html里，通过Javascript来处理。
前端路由的优点很多，比如页面的持久性，像大部分音乐网站，你都可在播放歌曲的同事跳转到别的页面，而音乐没有中断。再比如前后端彻底分离。前端路由更多时候时结合具体的框架来使用，比如Angular的ngouter，React的ReactRouter和vue的vue-router。
二、vue-router的基本用法
1、在项目根目录新建一个router，安装vue-router
npmi--savevue-router
2、在入口文件main.js里面使用Vue.use()加载插件：
importVuefrom‘vue’
importVueRouterfrom‘vue-router’
importAppfrom‘./app.vue’
3、每个页面对应一个组件，也就是对应一个.vue文件。在router目录下创建views目录，用于存放所有页面，然后再views里面创建index.vue和about.vue两个文件：
//index.vue
template
div首页/div
/template
script
exportdefault{}
/script
//about.vue
template
div介绍页/div
/template
script
exportdefault{}
/script
4、再回到main.js里，完成路由的配置
constRouter=[
{
path:‘/index’,