$route和$router

$router其实就是VueRouer的实例,对象包括了vue-router使用的实例方法,还有实例属性,我们可以理解为$router有一个设置的含义,比如设置当前的跳转,比如设置当前的返回

 

 

$route指的是当前跳转到该路由页面的相关路由属性

 

 

fullPath:完成解析后的url,包含查询参数和hash完整的路由路径

hash: 当前路由的hash值,如果没有hash返回空字符串

matched: 数组,包含当前匹配的路径中所有包含的片段和配置参数

meta: 路由的相关配置

name: 路由的名称

path:路由的地址

query:携带参数,和path匹配

params:携带参数,和name匹配

 

go,back,forward

go,back,forward都是$router的方法,之前我们学习如何调转,接下来我们学习如果返回

  • $router.go()指的是跳转history模式下的某一次记录,可以接收参数,参数可以为负数,-1就代表返回一级,多次点击,多次返回直到初始位置为止
  • $router.back()指的是返回,逐条前进到history记录中,一级一级的返回,内部不接收参数
  • $router.forward()指的是前进,逐条前进到history记录中,一级一级的前进,内部不接收参数

 

posted @ 2021-09-23 21:55  keyeking  阅读(311)  评论(0编辑  收藏  举报