当前位置： 首页 > news >正文

6.（vue3.x+vite）路由传参query与params区别

news 2026/5/19 11:34:34

前端技术社区总目录（订阅之前请先查看该博客）

效果截图

在这里插入图片描述

一：路由传参有两种方式：params与query

params与query区别
1：param,路由带“/”，query带“？”
2：query传过来的参数会显示到地址栏中 而params传过来的参数可以显示参数或隐藏参数到地址栏中（vue-router 4.1.4不支持隐藏方式）
3：params相对query安全一些
4：params 获取方式：route.params.id;
5：querey 获取方式：route.query.id;

二：相关代码实现

2.1 Router.js代码

import { createRouter, createWebHashHistory, createWebHistor

相关文章：

6.（vue3.x+vite）路由传参query与params区别

前端技术社区总目录（订阅之前请先查看该博客） 效果截图 一：路由传参有两种方式：params与query params与query区别 1：param,路由带“/”，query带“？” 2：query传过来的参数会显示到地址栏中 而params传过来的参数可以显示参数或隐藏参数到地址栏中（vue-router 4.1.4不…...

编程日记 2023/10/18 22:02:46

C++string的使用

CSDN的uu们，大家好。这里是C入门的第十六讲。 座右铭：前路坎坷，披荆斩棘，扶摇直上。 博客主页： 姬如祎 收录专栏：C专题 目录 1.构造函数 1.1 string() 1.2 string(const char* s) 1.3 string(const …...

编程日记 2023/10/18 22:01:45

闲着也是闲着，自己写歌东西玩一玩，碰碰脑子，简单快乐一点，双人出数的小游戏，后续还带补充

主旨就是每个人出一个数，目前限制两人，之后考虑多人，然后对其取差值，获取到一个结果，比对结果的奇偶数，还可以看下两人出同一个数的概率，反正概率上是一个比较稳定的。 当然自己想玩的活也可以做…...

编程日记 2023/10/18 21:59:42

牛客网 -- WY28 跳石板

题目链接&#xff1a; 跳石板_牛客题霸_牛客网 (nowcoder.com) 解题步骤&#xff1a; 参考代码&#xff1a; void get_approximate(vector<int>& v,int n) {//求约数&#xff0c;从2到sqrt(n)即可&#xff0c;原因看图解//这里一定要等于sqrt(n)&#xff0c;例如16…...

编程日记 2023/10/18 21:57:40

[正式学习java③]——字符串在内存中的存储方式、为什么字符串不可变、字符串的拼接原理，键盘录入的小细节。

一、字符串 1.字符串在内存中的存储方式 &#x1f525;在java中&#xff0c;内存中有两个地方可以存储字符串&#xff0c;一个是字符串池&#xff0c;一个是堆内存&#xff0c;串池中的字符串不会重复&#xff0c;而堆中的字符串每次都会开辟一块新的空间&#xff0c;因为维护…...

编程日记 2023/10/18 21:55:39

行情分析——加密货币市场大盘走势（10.18）

大饼昨日小幅度的下跌回调了&#xff0c;很快又上涨。目前看下来震荡向下刚刚开始&#xff0c;可以关注后续情况。大饼依然保持看空不做空&#xff0c;目前除了独立行情的币&#xff0c;就大饼非常强势。目前从MACD日线来看&#xff0c;还是保持多头趋势&#xff0c;预计明后两…...

编程日记 2023/10/18 21:54:38

高并发场景下常见的限流算法及方案介绍

应用场景 现代互联网很多业务场景&#xff0c;比如秒杀、下单、查询商品详情&#xff0c;最大特点就是高并发&#xff0c;而往往我们的系统不能承受这么大的流量&#xff0c;继而产生了很多的应对措施&#xff1a;CDN、消息队列、多级缓存、异地多活。 但是无论如何优化&…...

编程日记 2023/10/18 21:53:36

虹科分享 | 选择SAS还是NVMe？虹科网络基础带您一探究竟！

存储架构师需要通过确保他们选择的存储解决方案提供支持其生态系统所需的安全性、稳定性、可扩展性和管理特性来应对当今的业务挑战。当他们考虑采用新的存储技术时&#xff0c;在采用新技术之前&#xff0c;他们应该权衡和审查一些基本的考虑因素。新的存储协议不断进入市场&a…...

编程日记 2023/10/18 21:52:36

在ERP管理系统中，库存管理的基本流程是什么？

在ERP管理系统中&#xff0c;库存管理的基本流程是什么&#xff1f; 下面我就以我们公司正在用的简道云库存管理系统为例&#xff0c;为大家进行库存管理基本流程的演示 这个系统是我们公司自己搭建的&#xff0c;大家如果有需要可以自取&#xff0c;也可以在模板的基础上自行…...

编程日记 2023/10/18 21:51:35

Ruby 之 csv 文件读写

csv 文件写入 require csvtitle ["col1", "col2"] contents [["row11", "row12"], ["row21", "row22"]]csv1 CSV.open("test1.csv", "wb") do |csv|# write file titlecsv << titl…...

编程日记 2023/10/18 21:50:34

Android AMS——进程LRU列表更新（十七）

AMS对进程的管理主要体现在两个方面： 进程LRU列表动态更新：动态调整进程在mLruProcesses列表的位置进程优先级动态调整：实际是调整进程oom_adj的值。 这两项调整和系统进行自动回收有关，当内存不足时，系统会关闭一些进程来释放内存，下面就依据这两方面来看…...

编程日记 2023/10/18 21:49:33

【数据可视化】—大屏数据可视化展示

【数据可视化】—大屏数据可视化展示 一、数据可视化 数据可视化的目的&#xff1a;借助于图形化工具&#xff0c;清晰有效的传达与沟通信息。 数据可视化可以把数据从冰冷的数字转换成图形&#xff0c;揭示蕴含在数据中的规律和道理。 二、 免费数据可视化库 Echarts 百度…...

编程日记 2023/10/18 21:46:28

计算机算法分析与设计（12）---贪心算法(最优装载问题和哈夫曼编码问题)

文章目录 一、最优装载问题1.1 问题表述1.2 代码编写 二、哈夫曼编码2.1 哈夫曼编码概述2.2 前缀码2.3 问题描述2.4 代码思路2.5 代码编写 一、最优装载问题 1.1 问题表述 1. 有一批集装箱要装上一艘载重量为 c c c 的轮船&#xff0c;已知集装箱 i ( 1 ≤ i ≤ n ) i(1≤i≤…...

编程日记 2023/10/18 21:45:28

打造属于自己的vue图标库

hfex-icon图标库 Install npm i -D hfex-icon主要提供2种使用方式 方式一 通过svg图标资源&#xff0c;借助unplugin-icons库将svg图标文件生成vue组件&#xff0c;然后通过vue组件的引入方式在vue中使用 unplugin-icons 兼容vue2和vue3 在vue.config.js的plugins中配置…...

编程日记 2023/10/18 21:44:27

C++11线程池

使用 condition_variable::wait(unique_lock<mutex>&lck, Predicate pred) 时&#xff0c;必须保证条件变量通过notify唤醒的同时&#xff0c;wait 的第二个参数 Predicate 返回 true 了才可以往下走。必须两个条件同时满足&#xff0c;如果notify的时候Predicate返回…...

编程日记 2023/10/18 21:43:25

企业打造VR虚拟展厅，开启商务洽谈新时代！

现代化数字营销中&#xff0c;企业做了虚拟线上展厅和不做虚拟展厅的对比是很明显的&#xff0c;VR虚拟展厅让企业产品、企业环境、企业实力的展示更加真实、直观。虚拟展厅是一种在线展示企业形象和品牌的新型方式&#xff0c;随着VR技术的发展&#xff0c;虚拟展厅正在逐步取…...

编程日记 2023/10/18 21:42:25

linux部署gitlab

1. 配置yum源&#xff1a; vim /etc/yum.repos.d/gitlab-ce.repo [gitlab-ce] nameGitlab CE Repository baseurlhttps://mirrors.tuna.tsinghua.edu.cn/gitlab-ce/yum/el$releasever/ gpgcheck0 enabled1 2. 更新本地缓存 sudo yum install -y gitlab-ce 3. 安装相关依赖 yum …...

编程日记 2023/10/18 21:41:23

c++_learning-基础部分

文章目录 基础认识&#xff1a;语言特性&#xff08;面向对象编程&#xff09;&#xff1a;c的类&#xff08;相当于c中的结构体&#xff09;&#xff1a;三大特性&#xff1a;c包含四种编程范式&#xff1a;优缺点&#xff1a; c程序编译的过程&#xff1a;预处理->编译&am…...

编程日记 2023/10/18 21:40:22

支持PC端、手机端、数据大屏端的Spring Cloud智慧工地云平台源码

技术架构&#xff1a;微服务JavaSpring Cloud VueUniApp MySql 智慧建筑工地云平台主要利用大数据、物联网等技术&#xff0c;整合工地信息、材料信息、工程进度等&#xff0c;实现对建筑项目的全程管理。它可以实现实时监测和控制&#xff0c;有效解决施工中的问题&#xff0c…...

编程日记 2023/10/18 21:39:21

给cmd控制台程序 套壳 美化

给cmd控制台程序套壳美化&#xff0c;可以获取程序的标准输出和报错信息。 # _*_ coding: utf-8 _*_ """ 控制台程序启动器&#xff0c;杜绝黑窗口。 Time: 2023/10/18 15:28 Author: Jyun Version: V 0.1 File: main.py Blog: https://ctrlcv.…...

编程日记 2023/10/18 21:37:19

N_m3u8DL-RE：跨平台流媒体下载终极指南

N_m3u8DL-RE&#xff1a;跨平台流媒体下载终极指南 【免费下载链接】N_m3u8DL-RE Cross-Platform, modern and powerful stream downloader for MPD/M3U8/ISM. English/简体中文/繁體中文. 项目地址: https://gitcode.com/GitHub_Trending/nm3/N_m3u8DL-RE 在当今数字时…...

编程新知 2026/5/19 11:33:20

AI Agent设计模式：从ReAct到Plan-and-Execute

Agent 设计模式&#xff1a;ReAct 与 Plan-Execute 讲透Function Calling 让 Agent 会用工具&#xff0c;但真正让 Agent「聪明」的&#xff0c;是它的思考模式。这就像给你一本字典不意味着你会写文章——你需要方法论。ReAct 和 Plan-Execute 就是 Agent 的两种核心方法论。一…...

编程新知 2026/5/19 10:11:29

51c自动驾驶~合集57

我自己的原文哦~ https://blog.51cto.com/whaosoft/13960249 #端到端自动驾驶算法实现原理 1从传感器数据到控制策略的端到端方法 端到端自动驾驶基本流程： （1）子任务模型被更大规模的神经网络模型取代，最终即为端到端神经网络模型； （2）…...

编程新知 2026/5/19 10:07:20

语义搜索失效？NotebookLM这4类文档结构陷阱正悄悄拖垮你的研究效率，立即排查！

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;语义搜索失效&#xff1f;NotebookLM这4类文档结构陷阱正悄悄拖垮你的研究效率&#xff0c;立即排查&#xff01; NotebookLM 的语义搜索能力依赖于底层文档的语义连贯性与结构清晰度。当文档存在隐性结…...

编程新知 2026/5/19 10:00:45

御坂翻译器：终极Galgame实时翻译解决方案，5分钟开启无障碍游戏体验

御坂翻译器&#xff1a;终极Galgame实时翻译解决方案&#xff0c;5分钟开启无障碍游戏体验 【免费下载链接】MisakaTranslator 御坂翻译器—Galgame/文字游戏/漫画多语种实时机翻工具 项目地址: https://gitcode.com/gh_mirrors/mi/MisakaTranslator 你是否曾因语言障碍…...

编程新知 2026/5/19 9:41:56

OmenSuperHub：让你的惠普OMEN游戏本性能全开，告别官方臃肿软件

OmenSuperHub&#xff1a;让你的惠普OMEN游戏本性能全开&#xff0c;告别官方臃肿软件 【免费下载链接】OmenSuperHub 使用 WMI BIOS控制性能和风扇速度&#xff0c;自动解除DB功耗限制。 项目地址: https://gitcode.com/gh_mirrors/om/OmenSuperHub 还在为惠普OMEN游戏…...

编程新知 2026/5/19 8:36:58

Armv9内存拷贝指令优化与性能调优

1. Arm架构内存拷贝指令深度解析在Armv9架构中&#xff0c;内存拷贝操作通过FEAT_MOPS(Memory Operations)特性得到显著增强。这套指令集专为高效内存操作设计&#xff0c;其中CPYFP/CPYFM/CPYFE系列指令实现了分阶段的内存拷贝机制。与传统的循环拷贝相比&#xff0c;这种设计…...

编程新知 2026/5/19 8:10:17

2026年企业做GEO推广找哪家？推荐几家源头厂家

2026年&#xff0c;GEO赛道正在经历一场剧烈的洗牌。根据界面新闻、极客公园、IT之家及多家第三方机构近期密集发布的行业评测&#xff0c;头部服务商格局已初步成型&#xff0c;但大量贴牌套壳的“伪源头”仍在搅浑市场。企业在选型时最焦虑的问题已经从“要不要做GEO”变成了…...

编程新知 2026/5/19 7:17:59

HYCONTROL MICROFLEX-DB超声波液位计实操详解（参数+工况+故障排查）

在工业液位测量中&#xff0c;腐蚀性介质、罐内干扰、泡沫水汽、后期维护量大一直是现场普遍痛点&#xff0c;很多中小型储罐、水池、反应罐都会纠结性价比高、调试简单、稳定性强的超声波液位计。今天给大家详细拆解一款进口紧凑型液位变送器&#xff1a;英国HYCONTROL海康MIC…...

编程新知 2026/5/19 7:02:16

OpenEuler桌面化踩坑实录：从黑屏登录界面到完美远程访问，我的xfce+xrdp配置全记录

OpenEuler桌面化踩坑实录&#xff1a;从黑屏登录界面到完美远程访问&#xff0c;我的xfcexrdp配置全记录 第一次尝试在OpenEuler上配置xfce桌面环境和xrdp远程访问时&#xff0c;我本以为按照网上的教程一步步操作就能顺利完成。然而现实却给了我当头一棒——从黑屏的登录界面到…...

编程新知 2026/5/19 6:45:49