vue router之route和router的区别

1、区别

用一句话来概括这两个区别就是route是用来获取路由信息的,router是用来操作路由的。

2、route

2.1什么是route:
route是一个路由对象(route object)表示当前激活的路由的状态信息,它包含了当前URL解析得到的信息,还有URL匹配的路由记录。
路由对象是不可变的,每次成功的导航后都会产生一个新的对象。

2.2路由属性

1)、path 字符串,对应当前路由的路径,总是解析为绝对路径。
2)、params 一个key/velue对象,包含了动态片段和全匹配片段,如果没有路由参数,就是一个空对象,换句话说就是通过params传递的参数。
3)、query 一个 key/value 对象,表示 URL 查询参数。例如,对于路径 /foo?user=1,则有 $route.query.user == 1,如果没有查询参数,则是个空对象。也包括通过 query
传递的参数。
4)、hash 当前路由的hash值(带#),如果没有hash值,则为空字符串。
5)、fullPath 完成解析后的URL,包含查询参数和hash的完整路径
6)、matched 一个数组,包含当前路由的所有嵌套路径片段的路由记录。路由记录就是 routes 配置数组中的对象副本 (还有在 children 数组)。
7)、name 当前路由的名称,如果有的话。
8)、redirectedFrom 如果存在重定向,即为重定向来源的路由的名字。
9)、meta 路由元信息

3、router

3.1什么是router
router是全局路由的实例,是router构造方法的实例。

3.2路由实例方法

1)、push
字符串router.push(‘home’)
对象router.push({path:‘home’})
2)、go
页面路由跳转 前进或者后退router.go(-1) //后腿
3)、replace
push方法回向history栈添加一个新的记录,而replace方法是替换当前的页面,不会向history栈添加一个新的记录
4)、一般使用replace来做404页面

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: Vue RouterVue.js官方提供的路由管理器,它可以让我们在Vue.js应用中实现页面之间的跳转和管理。而Route则是Vue Router中的一个概念,它代表着一个路由规则,包括路径、组件、参数等信息。简单来说,Vue Router是一个路由管理器,而Route是一个具体的路由规则。 ### 回答2: Vue RouterVue.js官方提供的路由管理器,用于实现前端的路由功能。它可以让开发者在Vue.js应用程序中实现页面的切换、导航和参数传递等功能。Vue Router通过定义路由规则和组件映射关系,实现页面之间的跳转和传递数据。 Route是Vue Router中的一个概念,表示一条路由规则。每个Route对象包含了路由的路径、组件和其他参数。通过定义多个Route对象,我们可以在Vue Router中配置不同的路由规则。当用户访问某个路径时,Vue Router会根据对应的路由规则,渲染相应的组件到页面中。 Vue Router和Route的区别在于功能和应用层面。Vue Router是整个路由管理器,负责路由的配置、页面切换和导航的处理。Route是Vue Router的一个概念,用于定义和表示一条具体的路由规则。可以说,Route是Vue Router的组成部分,用于实现路由功能。 总结一下,Vue RouterVue.js官方提供的路由管理器,用于实现前端的路由功能。而Route是Vue Router中的一个概念,表示一条具体的路由规则。Vue Router通过定义多个Route对象,实现页面的切换、导航和参数传递等功能。在实际应用中,我们使用Vue Router来配置和管理路由规则,使用Route来表示和处理具体的路由。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值