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页面

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/207778.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

mysql存json数据时的查询办法

很多时候mysql的一列当中存的是json格式的数据,这时候如果要查询某个key对应的值的时候要如何查询呢,这里记录一种查询方法: json列的值: {“InventoryMainTypeCode”: 1, “InventoryMainTypeName”: “GOOD”} 现在要查询Inve…

win10 笔记本卡顿优化

Windows SysMain 服务是 Windows 操作系统中的一个关键组件,它的作用是启用系统的 SuperFetch 功能。SuperFetch 旨在改善系统的性能,通过预加载常用的应用程序和文件到内存中,以加速它们的启动和响应时间。SysMain 服务负责管理 SuperFetch …

Python并发-线程和进程

一、线程和进程对应的问题 **1.进程:**CPU密集型也叫计算密集型,指的是系统的硬盘、内存性能相对CPU要好很多,此时,系统运作大部分的状况是CPU Loading 100%,CPU要读/写I/O(硬盘/内存),I/O在很短的时间就可…

C语言之函数

目录 main函数和库函数 什么是函数 函数定义 函数头(function header) 1.返回类型(return type) 2.函数名(function name) 3.形参声明(parameter type list) 函数体&#xff…

mybatisplus手动获取数据源执行非主数据库事务

mybatisplus手动获取数据源执行非主数据库事务 class A {// 事务管理器Resourceprivate DataSourceTransactionManager dataSourceTransactionManager;Autowiredprivate DataSource dataSource; // 最终是com.baomidou.dynamic.datasource.DynamicRoutingDataSource类型public…

通过静态HTTP实现负载均衡

在当今的互联网环境中,随着用户数量的不断增加和业务需求的不断扩大,单台服务器往往无法承受所有的访问压力。为了确保网站的可用性和性能,负载均衡成为了一种常见的解决方案。本文将探讨如何通过静态HTTP实现负载均衡,以提升网站…

认识系统服务daemons

什么是daemon与服务(service) 常驻内存的是进程,可以提供一些系统或网络功能,这就是服务。实现service的程序称为daemon。也就是说要想提供某种服务,daemon实在后台运行的。 daemon的分类: 1)可独立启动…

【CSP】202209-1_如此编码Python实现

文章目录 [toc]试题编号试题名称时间限制内存限制题目背景题目描述输入格式输出格式样例1输入样例1输出样例2输入样例2输出样例3输入样例3输出样例3解释子任务提示Python实现 试题编号 202209-1 试题名称 如此编码 时间限制 1.0s 内存限制 512.0MB 题目背景 某次测验后&#x…

【Angular开发】2023年促进您开发的最佳Angular库

如果你是一名开发人员,你可以理解平台的重要性,它可以加快开发过程,显著减少编码时间和工作量。 根据StackOverflow开发者2021年的调查,Angular是其中一个令人惊叹的平台,它一直赢得人们的喜爱,并获得了全…

【vtkWidgetRepresentation】第六期 vtkFinitePlaneRepresentation

很高兴在雪易的CSDN遇见你 ,给你糖糖 欢迎大家加入雪易社区-CSDN社区云 前言 本文分享VTK中的平面Plane表示方法,希望对各位小伙伴有所帮助! 感谢各位小伙伴的点赞关注,小易会继续努力分享,一起进步! …

机器人阻抗控制直观(图示理解)与控制框架/架构

在刚性碰撞下,机器人的阻抗调节可以使其更好地适应外部环境。具体来说,通过建立力与位移之间的关系,并改变阻抗参数,可以控制机器人对外部力的响应。 在具体实现上,可以采用基于位置的阻抗控制或基于力的阻抗控制。基于…

【Java 基础】26 枚举

文章目录 1. 什么是枚举2. 定义3. 使用1)常量2)遍历3)switch 4. 属性和方法1)属性2)方法 5. 实现原理6. 使用场景总结 1. 什么是枚举 枚举是列出某些有穷序列集的所有成员的程序,或者是一种特定类型对象的计…

Windows下使用CMD修改本地IP

在网络适配器界面查看当前网线连接的哪个网口,我当前连的是 以太网 这个名字的: 在windows下使用管理员权限打开CMD命令工具,输入如下命令(如我想本地ip改成192.168.2.4): netsh interface ip set address "以太网" st…

LeetCode Hot100 78.子集

题目: 给你一个整数数组 nums ,数组中的元素 互不相同 。返回该数组所有可能的子集(幂集)。 解集 不能 包含重复的子集。你可以按 任意顺序 返回解集。 方法:灵神 选 or 不选 class Solution {private final List&…

spring 的概述和入门

​ 我是南城余!阿里云开发者平台专家博士证书获得者! 欢迎关注我的博客!一同成长! 一名从事运维开发的worker,记录分享学习。 专注于AI,运维开发,windows Linux 系统领域的分享! …

信号量的使用和注意事项

大家好,今天给大家介绍信号量的使用和注意事项,文章末尾附有分享大家一个资料包,差不多150多G。里面学习内容、面经、项目都比较新也比较全!可进群免费领取。 信号灯(信号量)集 POSIX 线程中的同步用的是无名信号量 进程间的同步使…

乔拓云平台:微信小程序开发的全新视角与高效路径

随着微信小程序的日益普及,越来越多的人开始关注如何开发自己的小程序。对于没有开发经验的人来说,借助第三方平台如乔拓云,可以轻松实现小程序的开发。本文将介绍微信小程序开发需要学习的东西,并探讨如何借助乔拓云平台进行无经…

基于深度学习的钢铁缺陷检测系统(含UI界面,Python代码,数据集、yolov8)

项目介绍 项目中所用到的算法模型和数据集等信息如下: 算法模型:     yolov8 yolov8主要包含以下几种创新:         1. 添加注意力机制(SE、CBAM等)         2. 修改可变形卷积(DySnake-主干c…

【改进YOLOv8】融合可变形大核注意力D-LKA-Attention的油气管道设备泄露检测系统

1.研究背景与意义 项目参考AAAI Association for the Advancement of Artificial Intelligence 研究背景与意义 随着油气管道设备的广泛应用,油气泄露问题已经成为一个严重的环境和安全隐患。油气泄露不仅会造成环境污染,还可能引发火灾、爆炸等严重事…

掌握vue中国际化使用及配置

文章目录 🍁i18n组件安装🍁项目中配置 vue-i18n🍁编写语言包🍁国际化的使用 随着互联网的普及和全球化的发展,开发国际化的应用程序已经成为一种趋势。因此,将 VUE 应用程序国际化是非常有必要的。 以下是…