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

Vue 关于路由

news 2026/2/7 12:56:42

关于路由

路由的模式与区别

路由的两种模式：

hash
history

区别：

表象不同
hash 模式中，在地址里以 /#/ 分隔；history 模式中，地址里以 / 分隔。
关于找不到当前页面发送请求的问题
history 模式会给后端发送一次请求（可以通过配置一个 404 页面来解决），而 hash 不会。
关于项目打包前端自测问题
项目打包后，dist 文件夹中的文件打开，history 模式在默认情况下是不显示内容的，而 hash 模式是正常显示的。

子路由和动态路由

路由传值

导航故障

（上面三个看 Vue 文档就可以）

router 和 route 的区别

$router 不仅包含当前路由还包含整个路由的属性和方法。
$route 仅包含当前路由对象。

导航守卫

全局守卫
beforeEach 路由进入之前
afterEach 路由进入之后
路由独享守卫
beforeEnter 路由进入之前
组件内守卫
beforeRouteEnter 路由进入之前
beforeRouteUpdate 路由更新之前
beforeRouteLeave 路由离开之前

Vue 关于路由

关于路由路由的模式与区别路由的两种模式： hashhistory 区别： 表象不同 hash 模式中，在地址里以 /#/ 分隔；history 模式中，地址里以 / 分隔。关于找不到当前页面发送请求的问题 history 模式会给后端发送一次请…...

编程日记 2024/10/27 19:10:27

香港海洋投资启动创新海洋牧场，领航全球海洋经济

香港，这座国际大都市，以其独特的地理位置和深厚的海洋文化底蕴，再次站在了全球海洋经济发展的前沿。近日，香港海洋投资发展有限公司（以下简称“香港海洋投资”）在万众瞩目中，正式宣布启动其创新…...

编程日记 2024/10/27 19:07:24

C/C++ 每日一练：二分查找

二分查找是一种高效的查找算法，用于在有序数组中定位目标元素的位置。它的核心思想是每次查找时将范围缩小一半。题目要求实现一个二分查找算法。给定一个递增排序的整型数组 arr 和一个目标值 target，编写一个函数 binarySearch，若 targe…...

编程日记 2024/10/27 19:06:23

Linux基础IO--重定向--缓冲区

1，为什么语言喜欢做封装？ 我们先知道一个概念，显示器叫做字符设备，根据ACSLL码来打印数据，所以我们从键盘输入的 1234，在显示器看来就是一个一个的字符(1,2,3,4)而不是一千两百三十四: 下图输入字符类型数…...

编程日记 2024/10/27 19:05:21

Conda 安装与使用指南

Conda 是一个开源的软件包管理和环境管理系统，主要解决一个系统上同时要使用python2，python3等等多个python环境的切换问题，支持多种编程语言（如 Python、R 等），可以在 Windows、macOS 和 Linux 上运行。它…...

编程日记 2024/10/27 19:04:20

C++中获取硬盘ID的方法

在C++中，直接获取硬盘的ID（通常是硬盘的序列号或唯一标识符）并不是一项简单的任务，因为这通常涉及到低级的硬件访问，这通常是由操作系统或特定的硬件驱动程序管理的。标准C++库并没有提供直接访问硬盘ID的功能。然而，可以通过以下几种方法来获取硬盘的ID：操作系统特定…...

编程日记 2024/10/27 19:03:20

OpenRTP 传输增加OpenRTPServer

开源地址最近增加了OpenRTPServer， 已经修改完成一版放在了目录下，window和linux下编译都成功了，不过由于修改代码CMakefile 需要修改，先放放 OpenRTP开源地址 vlc得纠错传输方式我发现我代码写错以后，vlc 依然能…...

编程日记 2024/10/27 19:02:19

使用vue3+cesium+earthsdk+supermap实现通视分析(有版本报错问题)

main.js: 这个文件是项目的入口文件，主要进行了以下操作：使用Vue 3的createApp创建应用实例。加载了element-plus UI 组件库。加载了router和store，以及axios用于发送HTTP请求。将@turf/turf和自定义的bus.js注册到全局属性中，便于在组件中使用。环境配置需求：你需要安…...

编程日记 2024/10/27 19:01:17

python 轮子是什么

此一词语的由来是因为轮子由人类所发明，且在各方面都带来许多便利。既然轮子已被发明，而且在使用上没有什么缺陷，重新再发明一次轮子是没有意义的，只是浪费时间，分散研究者的资源，使其无法投入更有意义及价…...

编程日记 2024/10/27 19:00:16

农作物大豆病虫害识别分类数据集（猫脸码客第227期）

农作物大豆病虫害识别分类数据集大豆，作为全球重要的粮食作物之一，不仅承载着人类饮食中的重要角色，还深刻影响着农业经济的发展。然而，大豆的生长过程中，常常面临着来自病害和虫害的双重威胁。这些病虫害不仅会影响…...

编程日记 2024/10/27 18:58:15

如何在算家云搭建GPT-SOVITS（语音转换）

一、模型介绍 GPT-SOVITS是一款强大的小样本语音转换和文本转语音 WebUI工具。它集成了声音伴奏分离、自动训练集分割、中文ASR和文本标注等辅助工具。具有以下特征： 零样本 TTS： 输入 5 秒的声音样本并体验即时文本到语音的转换。少量样本 TTS&…...

编程日记 2024/10/27 18:52:10

ThinkPad T480拆机屏幕改装：便携式显示器DIY指南

ThinkPad T480拆机屏幕改装：便携式显示器DIY指南本文记录了将旧笔记本电脑 T480 拆机屏幕改装为便携式显示器的全过程。作者在决定升级设备后，选择通过 DIY 方式利用原有的屏幕资源。文章详细介绍了屏幕驱动板的安装、螺丝孔的剪裁、排线连接及固定的步…...

编程日记 2024/10/27 18:51:10

C++ (8) C++11及更新特性：探索魔法新领域

C11及更新特性：探索魔法新领域随着C语言的不断进化，C11及其后续版本带来了许多激动人心的新特性，它们就像是魔法世界中新发现的领域，充满了无限的可能性。这些新特性不仅提高了编程的效率和灵活性，还为程序员提供了更…...

编程日记 2024/10/27 18:50:09

【vue】Mammoth.js的使用：将.docx和doc 文件转换成HTML

mammoth.convertToHtml(input, options） ：把源文档转换为 HTML 文档 mammoth.convertToMarkdown(input, options) ：把源文档转换为 Markdown 文档。 mammoth.extractRawText(input) ：提取文档的原始文本。这将忽略文档中的所有格式…...

编程日记 2024/10/27 18:49:08

HarmonyOS介绍第一课习题答案

一、判断题 1. “一次开发，多端部署”指的是一个工程，一次开发上架，多端按需部署。为了实现这一目的，HarmonyOS提供了多端开发环境，多端开发能力以及多端分发机制。正确(True)错误(False) 正确(True)回答正确 2. 《鸿蒙生态应用开发白皮书》全面阐释了鸿蒙生态下应…...

编程日记 2024/10/27 18:47:06

c/c++ stdcall cdel fastcall等函数调用约定说明

调用约定（Calling Conventions）是编程中定义函数如何接收参数、返回值以及如何管理堆栈的协议。主要的调用约定包括 __cdecl、__stdcall、__fastcall 和 __thiscall 等。下面将详细介绍这些调用约定的特点及其适用场景。 1. __cdecl 调用约定定义&…...

编程日记 2024/10/27 18:45:03

【ROS概述】概念及环境搭建

学习途径： 教程：Introduction Autolabor-ROS机器人入门课程《ROS理论与实践》零基础教程课程视频：https://www.bilibili.com/video/BV1Ci4y1L7ZZ 机器人体系要完全实现一个机器人的系统研发，几乎是“全栈”开发，…...

编程日记 2024/10/27 18:44:02

MongoDB Shell 基本命令(三）生成学生脚本信息和简单查询

一、生成学生信息脚本利用该脚本可以生成任意个学生信息，包括学号、姓名、班级、年级、专业、课程名称、课程成绩等信息，此处生成2万名学生，学生所有信息都是给定范围后随机生成。生成学生信息后，再来对学生信息进行简单查询。…...

编程日记 2024/10/27 18:43:01

java核心技术点都有哪些

1. 面向对象编程（OOP） 核心概念：类、对象、继承、封装、多态。比喻：面向对象编程就像是在搭建一个积木城堡。类（Class）是城堡的设计图纸，它定义了城堡的结构和功能；对象&#xff08…...

编程日记 2024/10/27 18:42:00

4404 - 提高：二分与三分：曲线（三分）

明明做作业的时候遇到了n个二次函数Si(x)=ax22+bx+c，他突发奇想设计了一个新的函数F(x)=max(Si(x)), i=1,2...n。明明现在想求这个函数在[0,10000]的最小值，要求精确到小数点后四位四舍五入。输入输入包含T 组数据 (T<10) ，每组第一行一个整数 n(n≤10000) ,之后n行…...

编程日记 2024/10/27 18:39:58

Mybatis逆向工程，动态创建实体类、条件扩展类、Mapper接口、Mapper.xml映射文件

今天呢，博主的学习进度也是步入了Java Mybatis 框架，目前正在逐步杨帆旗航。那么接下来就给大家出一期有关 Mybatis 逆向工程的教学，希望能对大家有所帮助，也特别欢迎大家指点不足之处，小生很乐意接受正确的建议&…...

编程新知 2026/1/31 15:00:15

华为云Flexus+DeepSeek征文｜DeepSeek-V3/R1 商用服务开通全流程与本地部署搭建

华为云FlexusDeepSeek征文｜DeepSeek-V3/R1 商用服务开通全流程与本地部署搭建前言如今大模型其性能出色，华为云 ModelArts Studio_MaaS大模型即服务平台华为云内置了大模型，能助力我们轻松驾驭 DeepSeek-V3/R1，本文中将分享如何…...

编程新知 2026/2/2 2:30:58

return this；返回的是谁

一个审批系统的示例来演示责任链模式的实现。假设公司需要处理不同金额的采购申请，不同级别的经理有不同的审批权限： // 抽象处理者：审批者 abstract class Approver {protected Approver successor; // 下一个处理者// 设置下一个处理者pub…...

编程新知 2026/1/28 21:45:43

Git常用命令完全指南：从入门到精通

Git常用命令完全指南：从入门到精通一、基础配置命令 1. 用户信息配置 # 设置全局用户名 git config --global user.name "你的名字"# 设置全局邮箱 git config --global user.email "你的邮箱example.com"# 查看所有配置 git config --list…...

编程新知 2025/10/3 0:40:01

stm32wle5 lpuart DMA数据不接收

配置波特率9600时，需要使用外部低速晶振...

编程新知 2026/2/4 16:29:27

【WebSocket】SpringBoot项目中使用WebSocket

1. 导入坐标如果springboot父工程没有加入websocket的起步依赖，添加它的坐标的时候需要带上版本号。 <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-websocket</artifactId> </dep…...

编程新知 2025/9/20 3:28:39