1.首先要知道Vue Router 是vue官方的路由管理器
2.1.router的作用是实现页面之间的跳转 让单页面应用的开发变得更简单
2.2.router是用来控制页面之间的跳转的 (可以理解成一个导航系统 能够实现到不同目的地的路线的切换)
2.3用法总结(具体情况请参考官方文档Vue Router)
router.push('路径')//要跳转到哪里 这个可以实现返回上一页的
router.replace('路径')//要跳转到哪里 这个是不可以返回上一页的
// 如果 history 记录不够用,那就默默地失败呗
router.go(-100)
router.go(100)
go(-1): 原页面表单中的内容会丢失;
this.$router.go(-1):后退+刷新;
this.$router.go(0):刷新;
this.$router.go(1) :前进
back(): 原页表表单中的内容会保留;
this.$router.back():后退 ;
this.$router.back(0) 刷新;
this.$router.back(1):前进
3.1 route(不带r的)是用来获取路径上的参数的
3.2 parme 获取参数的方式有两种 一种是params 一种是query
简单举个栗子
//query
https://mp.csdn.net/mp_blog/creation/editor?spm=1001.2014.3001.5352
//当地址栏的参数是通过问号(?)传递的 获取方式就是query
this.$route.query.spm //可以获取 1001.2014.3001.5352
//params
https://blog.csdn.net/qq_42696432/article/details/125400186
//当地址栏的参数是通过斜杠(/)传递的 获取方式就是params
this.$route.params.id //可以获取 125400186