vue学习之vue-router

vue学习之vue-router

1.vue-router是路由组件
2.使用步骤
创建组件：var user = {template：'<div>hello</div>'}
定义路由：var routes = [{path:'/user',component：user }]
创建路由：var router = new VueRouter({routes} );
挂载路由：var app = new Vue({router}).mount('#app')
3.路由的传参：
var routes = [{path:'/user/:id',component:user}]
获取路由通过:this. $rounter 获取路由参数：this.$rounter.params.id
4.路由的重定向和别名

var rountes = [{path:'/user',redirect:'/userb'}]
var rountes = [{path:'/user',redirect:'/userb',alias:'/b'}]

,当用户访问/b时，名称会保持/b,路由则会匹配/a。
5.子路由：
var routes = [{path:'/user/:id',component:user，children:[{path:'/b',component:userb}]}]访问则变成了’/user/b’