vue-router的使用
- hash模式(默认),如http://abc.com[#/user/10
- H5 history模式,如http://abc.com/user/20
- 后者需要server端支持,因此无特殊需求可选择前
者
vue-router的钩子函数
原理:如果没有权限不让进入,有权限才可以进入
全局守卫
router.beforeEach() 进入之前触发
router.afterEach() 进入之后触发
router.beforeResolve() 路由解析守卫
组件级守卫
beforeRouteEnter(){ }
beforeRouteUpdate(){ }
beforeRouteLeave(){ }
单个路由规则独享的守卫
beforeEnter(){}
route和router
route是“路由信息对象”,包括path,params,hash,query,fullPath,matched,name等路由信息参数。router是“路由实例对象”,包括了路由的跳转方法(push、go),钩子函数等。