Vue Router 的query和params的区别?

2023-11-03

区别一: 


(1)query相当于get请求,页面跳转的时候可以在地址栏看到请求参数

(2)params相当于post请求,参数不会在地址栏中显示,所以用params传值相对安全

(简记:params参数在地址栏中不会显示,query会显示)

区别二:


(1)query 刷新不会query里面的数据

(2)params刷新会丢失params里面的数据

区别三:


1.query:方式传参和接受参数
(1)传递数据较多时,用query, 因为query传入的是一个对象 (query可以用path也可以用name来引入路由)

2.params:方式传参和接受参数
(1)传一个值时,用params

(2)params传参push里面只能是name: 'xxx', params只能用name来引入路由,如果换成path,接受参数页面会是undefined

例如:首页面的商品列表页加入商品详情页,可以使用这种方式



原文链接:https://blog.csdn.net/m0_52644825/article/details/127345322

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Vue Router 的query和params的区别? 的相关文章

随机推荐

  • Python识别PDF扫描版PDF纯图PDF,OCR提取汉字的10大方法,力推RapidOCRPDF 可识别纯图PDF 加密签名的PDF 重点是开源免费,某些方面准确度比百度OCR高

    下面实例都以下面的测试样例PDF为实验对象 非纯图可复制pdf 纯图PDF TOP1 RapidOCRPDF 可识别纯图PDF也能识别加密签名的PDF 重点是开源免费 https github com RapidAI RapidOCRPDF
  • Pytorch多进程Queue通信产生Segmentation fault (core dumped)——解决方案及代码规范

    最近在做一个强化学习的项目 运用多进程分布训练时遇到了段错误的问题 这里记录下解决的过程思路和方案 由于智能体与环境交互的过程涉及到了第三方的程序以及大量的文件读写操作 使得整个实验过程非常慢 为了解决交互部分的速度瓶颈 采用Ape X D
  • 深度之眼【Pytorch】-读取自己的数据 Dataset 和 ImageFolder

    本文为深度之眼pytorch训练营二期学习笔记 详细课程内容移步 深度之眼 https ai deepshare net index 目录 重写Dataset类 例子一 通过 包含 数据路径 与 标签 的文件读取 例子二 通过标签文件读取
  • WinPE无法识别NVMe SSD硬盘,如何重装系统

    源自网络出处不详 抽风 diy一台新机器 下载的win10系统安装时出现如题所示的问题 开始以为是主板的问题设置u盘启动也不行 后来在某个群里有人说是系统版本问题 无奈重新做了启动优盘 用的17年的win10系统当时这系统有毛病 但是为了测
  • Android studio 多渠道开发App以及打包方法

    Android studio 多渠道开发App及打包方法 大家好 技术小白又来总结经验了 开发过程中我们的App首先需要在开发环境下开发 开发完之后需要打包到测试环境提供给测试人员开发 测试人员测试通过后需要打包到正式环境进行上线 这些过程
  • JVM类加载图示

    拿图请标明出处 内容来源 深入理解Java虚拟机
  • 代码随想录算法训练营第一天

    代码随想录算法训练营第一天 704 二分查找 27 移除元素 数组理论基础 二维数组 704 二分查找 左闭右闭写法 左闭右开写法 注意点 总结 27 移除元素 暴力解法 双指针思路 复杂度 感想 数组理论基础 数组主要考察对代码的掌握能力
  • office修复找不到msi_Microsoft Office安装程序找不到ProPlus.WW\ProPlusWW.msi 弄不了

    展开全部 解决办法就是重新下载一个完整的安装62616964757a686964616fe4b893e5b19e31333366306538包 也可以在网上单独下载proplusww msi Microsoft Office安装程序找不到P
  • Python程序员面试必备常用问题答案及解析

    1 什么是Python Python是一种编程语言 它有对象 模块 线程 异常处理和自动内存管理 可以加入与其他语言的对比 下面是回答这一问题的几个关键点 a Python是一种解释型语言 python代码在运行之前不需要编译 b Pyth
  • DC-2靶机渗透

    首先获取目标主机ip netdiscover i eth0 r 192 168 88 1 24 对端口进行扫描 只开放了web服务 于是访问web 这里配置本地dns解析 将目标ip地址添加进hosts 成功访问 发现是wordpress
  • Springboot项目打包war配置详解

    Springboot项目打包war配置详解 1 排除内置tomcat依赖 2 添加servlet依赖 3 修改打包方式 4 修改主启动类 5 完整pom xml 6 效果图 1 排除内置tomcat依赖
  • C++多态

    文章目录 多态 重写 虚函数 C 11 override 和 final 重载 重写 重定义 抽象类 接口继承和实现继承 多态的原理 虚函数表 单继承和多继承的虚函数表 总结 多态 多态 可以理解为一种事务有多种形态 不同的对象可以通过多态
  • 牛客错题集(2)

    这里写目录标题 专业知识 计算机组成原理 数据结构 C C 操作系统 计算机网络 数据库 软件测试 软件工程 知识盲区 运维 JAVA 编程基础 Linux 网络基础 编译和体系结构 前端 专业知识 计算机组成原理 Q 由于CPU内部的操作
  • cout执行顺序从右到左!!!

    cout在执行的时候为从右向左先执行 输出时为按照原来的顺序在从左向右输出
  • Animate cc怎么导出HTML,使用 Animate CC 导出图形和视频

    导出应用程序首选参数 您可以在专家和初学者首选参数之间切换 您还可将自己的应用程序设置 包括工具栏设置 键盘快捷键和其他应用程序设置 导出为单个文件 只需进行简单的文件导出和导入操作 即可跨设备应用您的应用程序首选参数 导出首选参数 导出全
  • ipfs-hdfs分布式文件系统

    HDFS hadoop项目的核心子项目 基于流数据模式访问和处理超大文件的需求而开发的 数据的分布式存储和处理 namenode 和 datanode 的内置服务器可帮助用户轻松检查群集的状态 namenode 管理维护着文件系统树以及整个
  • webgl 第三人称相机

    发现自己越来越懒了 基础的我不写了 有很多博客都写了 连w3c都有 瞬间没有心思写下去了 并且也很忙 每天都在研究 别骂我 真心没心思 我会考虑写一些难度大点的 这样有动力点 代码如下 看下面需要注意的是向量的计算
  • 计算机桌面背景显示方式有几种,如何让计算机自动更改桌面背景

    您可能对以下主题感兴趣 如何使计算机自动更改桌面背景 核心提示 本教程将向您展示如何使计算机自动更改桌面背景 Windows 7支持多种桌面背景切换功能 以使我们的桌面更加美观 但对于喜欢按文件夹保存图片的用户 如果在设置桌面背景时指定了包
  • 测试开发必备技能与成长路径

    可以通过学习不断往上攻关 比如搭建测试平台 掌握代码分析能力 进行持续交付 代码质量监控等
  • Vue Router 的query和params的区别?

    区别一 1 query相当于get请求 页面跳转的时候可以在地址栏看到请求参数 2 params相当于post请求 参数不会在地址栏中显示 所以用params传值相对安全 简记 params参数在地址栏中不会显示 query会显示 区别二