router和route的区别

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

你可能感兴趣的:(vue.js)