学习记录(day09-组件中路由操作)

• 路由切换拦截方法

router.beforeEach( (to,from,next) => {

	next(); //放行
})

• 路由操作

通过this.$route访问当前路由
路由器：this.$router
//跳转 this.$router.push('路径')
//回退 this.$router.go(-1)

当前路由：this.$route


1、获得路径参数
{
path: '/user/:id',
component: () => import('../views/...vue')
}
this.$route.params.id   //获得路径参数	 /user/123



2、获得请求参数
{
path:'/book',
component:()=>import('../views/...vue')
}
this.$route.query.uid   //获得请求参数	 /book?bid=1234	


3、获得路由路径
this.$route.path        //路由路径		  /user			 

• 图片

  <img src="@/。。。">  @表示src根目录
  

• css样式

  <style>
  	@import url(css文件)
  </style>
  

---

日常学习的总结，主要是为了自己以后看，当然大家有什么好的建议，欢迎评论留言。