关于前端:Vuejs中router和route的区别

37次阅读

共计 427 个字符,预计需要花费 2 分钟才能阅读完成。

$router:

    this.$router.push('/xxx');
    用来切换路由,但实质上是给 history 栈中增加一个路由(也就是增加一个 history 记录),该办法能够实现返回上一步。
    this.$router.replace('/xxx');
    也是用来切换路由,然而不会生成 history 记录,因而不能用来返回上一步。
    this.$router.go(-1);
    实现返回上一步 

$route:

    示意以后的路由信息,蕴含了以后 url 解析进去的信息。
    $route.params
    this.$route.params.id,个别呈现在获取某个详情页面的时候,通过其 id 获取 
   $route.query
   this.$route.query.user,例如,某个门路 /xxx?user=xiaowang, 那么这里的 $this.$route.query.user === xiaowang

$route 就列举以上两种,较为罕用。

直白来讲,一个是用来跳转路由的,一个是寄存路由信息的对象。

正文完
 0