vue路由
vue的路由使用单独的模块vue-router来实现，它依赖vue，所有在引入文件是将它放在vue文件的下面。
使用：
在使用路由的标签用一下形式替换：
原始跳转：
<a href="/index">首页</a>
替换为：
<router-link to="/index">首页</router-link>
这样做还不行，还要在html要加载文档的位置加入一个占位的组件<router-view></router-view>,点击跳转之后，要加载的内容会在<router-view></router-view>的位置展现出来。
vue对路由跳转的标签做了扩展，我们一般情况下都用a标签来做跳转，但是在vue里我们可以指定标签，如下：
<router-link to="/index" tag=div>首页</router-link>
在js文件中配置路由
new Vue({
el:'#box',
router:new VueRouter({
routes:[
{path:'/index',component:{template:'<h1>aaaaaaaaaaaaa</h1>'}}
]
})
})
path：配置的路由路径
component:要加载的组件 template:组件的模板文件
