vue-router的基本使用

vue-router是vue的插件
它的作用是不同的url对应不同的组件，方便单页面的开发
基本使用分为三步：
1.定义组件：
var student={
template``
}
2.定义路由：
var router=new VueRouter({
route:[{
path:’’,
component:‘student’
},{
path:’’,
component:‘teacher’
},{}]
})
3.挂载路由：
new Vue({
el:’’,
data:{},
router
})

要配合html来使用：
html：router-link：进行路由跳转
router-view：用来存放要切换的组件