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

vue3的router

news 2026/4/13 0:14:09

需求

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

路由组件一般放在，pages或views文件夹,
一般组件通常放在component文件夹
在这里插入图片描述

路由的2中写法

在这里插入图片描述

子路由

在这里插入图片描述
其实就是在News组件里面，再定义一个router-view组件
他的子组件，机会渲染在router-view区域

路由传参

<RouterLink :to="`/news/detail?id=${news.id}&title=${news.title}

在这里插入图片描述
取值
在这里插入图片描述

相关文章：

vue3的router

需求 路由组件一般放在&#xff0c;pages或views文件夹, 一般组件通常放在component文件夹 路由的2中写法 子路由 其实就是在News组件里面&#xff0c;再定义一个router-view组件 他的子组件&#xff0c;机会渲染在router-view区域 路由传参 <RouterLink :to"/news…...

编程日记 2024/3/2 17:19:39

云时代【5】—— LXC 与 容器

云时代【5】—— LXC 与 容器 三、LXC&#xff08;一&#xff09;基本介绍&#xff08;二&#xff09;相关 Linux 指令实战&#xff1a;使用 LXC 操作容器 四、Docker&#xff08;一&#xff09;删除、安装、配置&#xff08;二&#xff09;镜像仓库1. 分类2. 相关指令&#xf…...

编程日记 2024/3/2 17:18:38

npm digital envelope routines::unsupported

问题描述&#xff1a;npm运行命令报错&#xff1a;digital envelope routines::unsupported 原因&#xff1a;node版本过高 解决方案&#xff1a;在运行命令之前加上 SET NODE_OPTIONS--openssl-legacy-provider && SET NODE_OPTIONS--openssl-legacy-provider &&a…...

编程日记 2024/3/2 17:17:37

深入理解Flutter中的StreamSubscription和StreamController

在Flutter中&#xff0c;StreamSubscription和StreamController是处理异步数据流的重要工具。它们提供了一种方便的方式来处理来自异步事件源的数据。本文将深入探讨它们的区别以及在实际应用中的使用场景。 StreamSubscription StreamSubscription代表了对数据流的订阅&…...

编程日记 2024/3/2 17:13:33

聊聊 HTTP 性能优化

作为用户的我们在 "上网冲浪" 的时候总是希望快一点&#xff0c;尤其是抢演唱会门票的时候&#xff0c;但是现实并非如此&#xff0c;有时候我们会遇到页面加载缓慢、响应延迟的情况。 而 HTTP 协议作为互联网世界的基础&#xff0c;从网站打开速度到移动应用的响应…...

编程日记 2024/3/2 17:12:32

六、防御保护---防火墙内容安全篇

攻击可能只是一个点&#xff0c;防御需要全方面进行 DPI --- 深度包检测技术 --- 主要针对完整的数据包&#xff08;数据包分片&#xff0c;分段需要重组&#xff09;&#xff0c;之后对 数据包的内容进行识别。&#xff08;应用层&#xff09; 1&#xff0c;基于“特征字”的…...

编程日记 2024/3/2 17:06:26

HC32F460 是否有 RTC？在电池供电方案中该如何使用？

[技术问答]HC32F460 是否有 RTC&#xff1f;在电池供电方案中该如何使用&#xff1f;_hc32f460 rtc-CSDN博客 华大HC32A460 系列介绍&#xff08;三&#xff09;_华大单片机内部温度传感器-CSDN博客 HC32F460PETB-LQFP100-华大半导体有限公司 [【HC32F460开发板测评】&#xf…...

编程日记 2024/3/2 17:04:25

HTML---表单验证

文章目录 目录 本章目标 一.表单验证概述 二.表单选择器 属性过滤选择器 三.表单验证 表单验证的方法 总结 本章目标 掌握String对象的用法会使用表单选择器的选择页面元素会使用JQuery事件进行表单验证Ajax的概念和作用 一.表单验证概述 前端中的表单验证是在用户提交表…...

编程日记 2024/3/2 17:00:22

基于tomcat的JavaWeb实现

Tomcat服务器 免费&#xff0c;性能一般的服务器 安装配置 基于Java&#xff0c;故需要配置环境变量&#xff0c;新加系统路径JAVA_HOME&#xff0c;路径为jdk的主目录。 而后打开bin目录下的startup.bat文件出现如下窗口说明配置成功 idea继承tomcat服务器 使用java开发…...

编程日记 2024/3/2 16:58:20

AI时代编程新宠！如何让孩子成为未来的编程大师？

文章目录 一、了解编程的基础概念二、选择适合的编程工具三、激发孩子的兴趣四、注重基础能力的培养五、提供实践机会六、鼓励孩子与他人合作七、持续支持与鼓励《信息学奥赛一本通关》本书定位内容简介作者简介目录 随着科技的迅猛发展&#xff0c;编程已经从一种专业技能转变…...

编程日记 2024/3/2 16:57:19

Qt 中Json的构造和解析简单例子

概述: Qt中使用Json比较方便&#xff0c;不像纯C需要导入CJson RapidJson JsonCpp等第三方的库&#xff0c;主要使用到QJsonDocument、QJsonObject对象即可 1、如何构造一个json字符串 假如我们需要构造 {"cmd":"1001","data":{"content&q…...

编程日记 2024/3/2 16:56:18

CSS特性

小技巧&#xff1a;在调试工具中&#xff0c;css样式上看层叠&#xff0c;下看继承。 1、层叠性 相同的属性会被覆盖&#xff0c;不同的属性会叠加 2、继承性 3、优先级 基于不同种类的选择器的匹配规则。 通配符 < 标签 < 类选择器 < id选择器 < 行内样式 <…...

编程日记 2024/3/2 16:55:17

springcloud：3.1介绍雪崩和Resilience4j

灾难性雪崩效应 简介 服务与服务之间的依赖性，故障会传播，造成连锁反应，会对整个微服务系统造成灾难性的严重后果，这就是服务故障的“雪崩”效应。 原因 1.服务提供者不可用（硬件故障、程序bug、缓存击穿、用户大量请求） 2.重试加大流量（用户重试，代码逻辑重试） 3.服…...

编程日记 2024/3/2 16:54:16

实现定时器的两种方法：使用windows api定时器 和使用c++11/14 定时器

前言&#xff1a; 当我有一个开发需求&#xff0c;符合下面的条件 1.需要某个任务在程序中每隔一段时间就要执行一次&#xff0c;可能把这个任务封装成了一个函数。 2.这种需要定时执行的任务&#xff0c;有2个&#xff0c;3个....越来越多。 这个时候我们就可以考虑使用定时…...

编程日记 2024/3/2 16:51:13

H5：图像标签和路径

目录 一.前言 二.正文 1.图像标签 注意: 2.路径 Ⅰ.目录文件夹和根目录 Ⅱ.路径 三.结语 一.前言 本篇介绍有关标签和路径&#xff0c;关于图像标签我们来看看有什么需要注意的。 二.正文 1.图像标签 在HTML标签中&#xff0c;img标签用于定义HTML页面中的图像。 <im…...

编程日记 2024/3/2 16:50:12

AI学习(5):PyTorch-核心模块(Autograd):自动求导

1.介绍 在深度学习中&#xff0c;自动求导是一项核心技术&#xff0c;它使得我们能够方便地计算梯度并优化模型参数。PyTorch 提供了一个强大的自动求导模块(Autograd)&#xff0c;它可以自动计算张量的导数得出梯度信息&#xff0c;同时也支持高阶导数计算。 1.1 概念词 在学…...

编程日记 2024/3/2 16:47:09

Grid-Based Continuous Normal Representation for Anomaly Detection 论文阅读

Grid-Based Continuous Normal Representation for Anomaly Detection 论文阅读 摘要简介方法3.1 Normal Representation3.2 Feature Refinement3.3 Training and Inference 4 实验结果5 总结 文章信息&#xff1a; 原文链接&#xff1a;https://arxiv.org/abs/2402.18293 源码…...

编程日记 2024/3/2 16:46:08

FaceBook获取广告数据

1、访问 广告管理工具 确认自己登陆的账号下面能看到户。 ​ 2、使用 图谱Api探索工具 生成用户短期口令 ​ 3、get请求(或者浏览器直接打开)访问&#xff1a; https://graph.facebook.com/v19.0/me?fieldsid,name, email&access_token{上一步生成的口令} ​ 4、短期…...

编程日记 2024/3/2 16:45:07

Redis之十：Spring Data Redis --- CrudRepository方式

SpringData Redis CrudRepository方式 Spring Data Redis 的 CrudRepository 是 Spring Data 框架中用于提供基础 CRUD&#xff08;创建、读取、更新和删除&#xff09;操作的一个接口。在与 Redis 集成时&#xff0c;尽管 Redis 是一个键值存储系统&#xff0c;并没有像关系型…...

编程日记 2024/3/2 16:44:07

Spring重点记录

文章目录 1.Spring的组成2.Spring优点3.IOC理论推导4.IOC本质5.IOC实现&#xff1a;xml或者注解或者自动装配&#xff08;零配置&#xff09;。6.hellospring6.1beans.xml的结构为&#xff1a;6.2.Spring容器6.3对象的创建和控制反转 7.IOC创建对象方式7.1以有参构造的方式创建…...

编程日记 2024/3/2 16:43:06

MyBatis中CONCAT函数的5个实战技巧：从模糊查询到动态SQL拼接

MyBatis中CONCAT函数的5个实战技巧&#xff1a;从模糊查询到动态SQL拼接 在数据库操作中&#xff0c;字符串拼接是最基础却最容易被忽视的技能之一。作为MyBatis框架的核心用户&#xff0c;我发现许多开发者对CONCAT函数的理解仅停留在"连接字符串"的层面&#xff0c…...

编程新知 2026/4/12 22:45:54

从数据采集到回放验证：ADTF 适配 ROS 的 ADAS 测试实践邢

一、简化查询 1. 先看一下查询的例子 /// /// 账户获取服务 /// /// /// public class AccountGetService(AccountTable table, IShadowBuilder builder) { private readonly SqlSource _source new(builder.DataSource); private readonly IParamQuery_accountQuery b…...

编程新知 2026/4/12 22:27:10

Dify 1.3.1离线部署保姆级教程：手把手解决Docker镜像拉取失败问题

Dify 1.3.1离线部署全攻略&#xff1a;从镜像获取到故障排查的完整解决方案 在当今AI应用开发领域&#xff0c;Dify作为一款开源的LLM应用程序开发平台&#xff0c;正受到越来越多开发者的青睐。然而&#xff0c;在实际部署过程中&#xff0c;网络环境限制往往成为阻碍开发者快…...

编程新知 2026/4/12 21:43:06

从BERT到Qwen-MoE：SITS2026揭示多语言参数共享的5个致命假设（附2024-2026演进时间轴）

第一章&#xff1a;SITS2026演讲&#xff1a;大模型多语言支持 2026奇点智能技术大会(https://ml-summit.org) 在SITS2026主会场&#xff0c;来自全球12个国家的37个研究团队联合发布了《大模型多语言能力基准v2.1》&#xff0c;首次将低资源语言&#xff08;如斯瓦希里语、伊…...

编程新知 2026/4/12 20:38:43

WebRTC GCC源码实战：手把手教你调试GoogCcNetworkController的拥塞控制流程

WebRTC GCC源码实战&#xff1a;手把手教你调试GoogCcNetworkController的拥塞控制流程 在实时视频会议应用的开发过程中&#xff0c;带宽估计不稳定是工程师们经常遇到的棘手问题。当用户反馈画面卡顿、画质波动时&#xff0c;我们需要深入WebRTC的拥塞控制核心——Google Con…...

编程新知 2026/4/12 20:24:37

从LoRA到O-LoRA：大模型持续学习技术演进与最新突破全解析

从LoRA到O-LoRA&#xff1a;大模型持续学习技术演进与最新突破全解析 当ChatGPT掀起大模型应用狂潮时&#xff0c;一个常被忽视的挑战逐渐浮出水面&#xff1a;如何让这些"AI大脑"像人类一样持续学习新知识而不遗忘旧技能&#xff1f;传统方法在应对多任务序列学习时…...

编程新知 2026/4/12 15:58:02

保姆级教程：用WPS JS API从零开发你的第一个WPS加载项（附VSCode配置）

从零开始&#xff1a;用WPS JS API开发你的第一个加载项 如果你是一名对WPS办公软件自动化感兴趣的开发者&#xff0c;想要扩展WPS的功能但又不知从何入手&#xff0c;那么开发一个WPS加载项可能是最直接的切入点。不同于宏或插件&#xff0c;WPS加载项基于现代Web技术栈&#…...

编程新知 2026/4/12 15:56:00

【AI应用】NotebookLM与Prompt工程：打造高效知识管理与创意生成工作流

1. 当知识管理遇上AI&#xff1a;NotebookLM的核心价值 每天打开电脑&#xff0c;你是不是也和我一样面对几十个浏览器标签页、十几个未整理的文档和无数碎片化笔记感到头疼&#xff1f;信息爆炸时代最痛苦的莫过于&#xff1a;明明资料都在手边&#xff0c;却像散落的拼图怎么…...

编程新知 2026/4/12 15:16:46

终极指南：如何免费解锁Cursor Pro高级功能，告别试用限制困扰

终极指南&#xff1a;如何免费解锁Cursor Pro高级功能&#xff0c;告别试用限制困扰 【免费下载链接】cursor-free-vip [Support 0.45]&#xff08;Multi Language 多语言&#xff09;自动注册 Cursor Ai &#xff0c;自动重置机器ID &#xff0c; 免费升级使用Pro 功能: Youve…...

编程新知 2026/4/12 13:50:32

SystemVerilog里static和automatic到底咋用？一个例子讲透，别再搞混了

SystemVerilog中static与automatic的实战指南&#xff1a;从误区到精通 引言 在数字芯片设计和验证领域&#xff0c;SystemVerilog作为行业标准语言&#xff0c;其static和automatic关键字的正确理解直接关系到代码质量与功能正确性。许多初学者在使用这两个关键字时常常陷入困…...

编程新知 2026/4/12 13:19:52