1.路由的安装：

<script src="vue-router.js"></script>

2.路由的使用：

//2.1使用构建函数
var router=new VueRouter({
　　　　routes:routes
})
//2.2创建路由规则
var routes=[{
path:'/login',
component:{
　　template:'<h1>demo</h1>'
}
}]
//2.3挂载到实例上：
var vm=new Vue({
　　el:'#app',
　　router:router
})

3.路由的传值：

//3.1利用地址栏传值：会将url的所有信息注入到路由中，赋值为this.$route.query,取值方法：$route.query.key

var routes=[{
path:'/login?id=10&name="demo"',
component:{
　　template:'<h1>demo</h1>'
}
}]

//3.2利用params传值：
　　//发送的格式：
　　<router-link to="/account/10"></router-link>

　　//接受的格式

var routes=[{
path:'/login/:id',
component:{
　　template:'<h1>demo</h1>'
}
}]
//使用的格式：

this.$router.params.id

4.路由的嵌套：

4.1创建一个路由的子路由：就是在父路由的基础上加一个children属性,这是一个数组，在父路由的component加上router-link的插槽
var router=[{
path:'/login',
component:'<><>'
}]