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

Vue-Router路由介绍和使用

news 2026/5/18 14:19:45

vue属于单页面应用，路由就是根据浏览器路径不同，用不同的试图组件替换这个页面内容

开启路由功能

如图在创建项目时候勾选rouler 这样创建好的项目就有路由功能

下一步

不同的访问路径 展示不同的页面内容

路由配置

路由连接组件 浏览器会解析为超链接 用户点击后会将里边的url地址请求给路由器 路由器对照着路由表得到相应的视图 再将视图交给路由试图组件展示。路由视图组件可以理解为一个占位符 你把他放在什么位置 接收的视图就在什么位置。

根据自己需求 实现视图的跳转

路由链接组件和视图组件的使用

重定向:一般会弄一个404页面 当请求的路径路由表里没有时候 就访问该页面

相关文章：

Vue-Router路由介绍和使用

vue属于单页面应用，路由就是根据浏览器路径不同，用不同的试图组件替换这个页面内容 开启路由功能 如图在创建项目时候勾选rouler 这样创建好的项目就有路由功能 下一步 不同的访问路径 展示不同的页面内容 路由配置 路由连接组件 浏览器会解析为超链接 …...

编程日记 2024/3/8 3:16:02

Waves 14 Complete：后期混音效果全套插件，打造专业级音质体验

Waves 14 Complete，这款专为Mac和Windows平台打造的后期混音效果全套插件，将为您的音乐创作之旅增添一抹亮色。Waves 14 Complete以其丰富的功能和出色的性能，赢得了众多音乐制作人的青睐。它集合了众多高质量的音频处理插件，涵盖…...

编程日记 2024/3/8 3:15:01

DC-2靶机详解

写写自己打DC-2的过程 使用工具 kali DC-2的靶机下载地址为：https://www.vulnhub.com/entry/dc-2,311/ 环境配置。 Kali和DC-2都设置为NAT模式，都为仅主机模式也可以。 信息收集 arp-scan -l nmap -sn 192.168.236.0/24 获取靶机ip：192.16…...

编程日记 2024/3/8 3:14:00

个人项目介绍4：三维园区篇

个人项目介绍: 地图铁路线路篇 地球卫星篇 火车站篇 三维园区篇 项目需求： 1.按比例全景显示三维园区 2.精确显示园区内设备设施 3.实时显示设备报警信息 4.显示园区内摄像监控设备，并可点击显示监控视频流 5.显示园区内的重大危险源和风险分布 …...

编程日记 2024/3/8 3:13:00

哪些公司在招聘GIS开发？为什么？

之前我们给大家整理汇总了WebGIS在招岗位的一些特点，包括行业、学历、工作经验等。WebGIS招聘原来看重这个！整理了1300多份岗位得出来的干货！ 很多同学好奇，这些招GIS开发的都是哪些公司？主要是做什么的？ …...

编程日记 2024/3/8 3:11:59

电脑自带dll修复在哪里,dll修复工具一键修复dll丢失问题

xinput1_3.dll文件是一个Windows操作系统中的动态链接库（DLL）文件，它是微软DirectX软件开发包的一部分，主要用于支持游戏控制器和其他输入设备的交互。这个文件是DirectInput API的一个组件，DirectInput是DirectX中处理…...

编程日记 2024/3/8 3:08:55

电商数据分析15——电商平台上的产品推荐系统优化策略

目录 写在开头1. 产品推荐系统的作用1.1 提升用户购物体验1.2 增加销售额和转化率 2. 数据分析在推荐系统中的应用2.1 用户行为数据分析2.2 个性化推荐算法优化2.3 多样性和新颖性的平衡 3. 推荐系统优化的实践案例3.1 案例分享：利用机器学习提升推荐准确度3.1.1. 背…...

编程日记 2024/3/8 3:06:51

华硕AMD主板开启TPM2.0支持

目录 配置问题设置开启 Firmware TPM开启 Security Device Support保存设置 检查 配置 主板：TUF Gaming B550m-e Wifi   BIOS: 3402 问题 今天更新Win11，告诉我不支持 TPM 2.0，导致更新失败。   网上搜这个问题，基本只提供了…...

编程日记 2024/3/8 3:05:50

Linux - 进程控制

1、进程创建 1.1、fork函数初识 在linux中fork函数时非常重要的函数&#xff0c;它从已存在进程中创建一个新进程。新进程为子进程&#xff0c;而原进程为父进程&#xff1b; #include <unistd.h> pid_t fork(void); 返回值&#xff1a;自进程中返回0&#xff0c;父进…...

编程日记 2024/3/8 3:02:48

redis一些概念知识

一、redis是什么 Redis是一种非关系型数据库&#xff08;NoSQL&#xff09;&#xff0c;它主要以键值对存储数据。与传统的关系型数据库相比&#xff0c;Redis更注重内存操作和高性能&#xff0c;常被用作缓存系统或分布式存储系统。 以简单的比喻来解释Redis&#xff0c;可以…...

编程日记 2024/3/8 2:59:45

01.AJAX 概念和 axios 使用

01.AJAX 概念和 axios 使用 1. 什么是 AJAX ? 使用浏览器的 XMLHttpRequest 对象 与服务器通信 浏览器网页中&#xff0c;使用 AJAX技术&#xff08;XHR对象&#xff09;发起获取省份列表数据的请求&#xff0c;服务器代码响应准备好的省份列表数据给前端&#xff0c;前端拿…...

编程日记 2024/3/8 2:56:42

外包干了一周，技术明显倒退。。。。。

先说一下自己的情况&#xff0c;本科生&#xff0c;2019年我通过校招踏入了南京一家软件公司&#xff0c;开始了我的职业生涯。那时的我&#xff0c;满怀热血和憧憬&#xff0c;期待着在这个行业中闯出一片天地。然而&#xff0c;随着时间的推移&#xff0c;我发现自己逐渐陷入…...

编程日记 2024/3/8 2:55:41

JSON数据格式，后台@RequestBody实体类接收不到数据-首字母小写，第二个字母大写造成的参数问题

原因&#xff1a; 1.驼峰模式出问题了&#xff0c;当驼峰前只有一个小写字母&#xff0c;然后后面是大写字母&#xff0c;就会出现接收不到数据的情况。 2.只有一个首字母大写的字段也会失效。 比如参数&#xff1a;aTest 那么后端实体定义的aTest接收不到该参数值&#xff…...

编程日记 2024/3/8 2:54:40

MySQL——性能调优

性能调优&#xff08;重要&#xff09; SQL 优化的目的 减少磁盘 IO&#xff1a;尽可能避免全表扫描、尽量使用索引、尽量使用覆盖索引减少回表操作减少 CPU 和内存的消耗&#xff0c;尽可能减少排序、分组、去重之类的操作&#xff0c;尽量减少事务持有锁的时间 优化途径&…...

编程日记 2024/3/8 2:53:39

Java中super关键字作用及解析

在 Java 中&#xff0c;super关键字主要有以下作用&#xff1a; 在子类构造方法中调用父类的构造方法&#xff1a;使用super关键字可以在子类的构造方法中显式调用父类的构造方法&#xff0c;以便继承父类的属性和行为。语法如下&#xff1a;这样可以确保父类的构造方法被正确…...

编程日记 2024/3/8 2:52:38

【LeetCode打卡】Day25|216.组合总和III、17.电话号码的字母组合

学习目标&#xff1a; 216.组合总和III 17.电话号码的字母组合 学习内容&#xff1a; 216.组合总和III 题目链接 &&文章讲解 找出所有相加之和为 n 的 k 个数的组合&#xff0c;且满足下列条件&#xff1a; 只使用数字1到9每个数字 最多使用一次 返回所有可能的有效…...

编程日记 2024/3/8 2:51:37

JS函数

目录 1.Function声明 2.匿名函数 3.函数表达式 4.箭头函数 5.构造函数 个人版JS函数使用&#xff1a; 函数的声明&#xff1a;函数如果有return则返回的是 return 后面的值&#xff0c;如果函数没有有return 声明方式一&#xff1a; 声明方式二&#xff1a;变量名声明…...

编程日记 2024/3/8 2:50:36

双非二本实习前的准备day8

学习目标&#xff1a; 每天2-3到简单sql&#xff08;刷完即止&#xff09;&#xff0c;每天复习代码随想录上的题目2-3道算法&#xff08;时间充足可以继续&#xff09;&#xff0c;背诵的八股的问题也在这里记录了 今日碎碎念&#xff1a; 1&#xff09;今天任务&#xff1…...

编程日记 2024/3/8 2:49:35

数据库自连接

力扣题目链接https://leetcode.cn/problems/employees-earning-more-than-their-managers https://leetcode.cn/problems/duplicate-emails/ 去重 select distinct… 数据库自连接通常在以下情况下需要使用&#xff1a; 层次关系查询&#xff1a;当表中的数据具有层次结构&…...

编程日记 2024/3/8 2:48:33

json 基本上面试题目比较常问

在面试中&#xff0c;关于JSON&#xff08;JavaScript Object Notation&#xff09;的题目通常涉及JSON的基本概念、使用场景、解析与生成、安全性等方面。以下是一些常见的JSON面试题目&#xff1a; 请解释什么是JSON&#xff1f; JSON是一种轻量级的数据交换格式&#xff0c…...

编程日记 2024/3/8 2:47:31

Loop窗口管理：5个高效工作流提升你的Mac生产力

Loop窗口管理&#xff1a;5个高效工作流提升你的Mac生产力 【免费下载链接】Loop Window management made elegant. 项目地址: https://gitcode.com/GitHub_Trending/lo/Loop Loop是一款为macOS设计的优雅窗口管理工具&#xff0c;通过径向菜单、快捷键绑定和智能窗口操…...

编程新知 2026/5/18 14:07:26

【多智能体】多智能体多视角三维空间定位的神经动力学方法【含Matlab源码 15447期】

&#x1f4a5;&#x1f4a5;&#x1f4a5;&#x1f4a5;&#x1f4a5;&#x1f4a5;&#x1f4a5;&#x1f4a5;&#x1f49e;&#x1f49e;&#x1f49e;&#x1f49e;&#x1f49e;&#x1f49e;&#x1f49e;&#x1f49e;&#x1f49e;Matlab武动乾坤博客之家&#x1f49e;…...

编程新知 2026/5/18 12:59:19

狼来了？如果我们正处于AI泡沫中会怎样？

AI 热潮真正的风险&#xff0c;不在模型神话&#xff0c;而在算力账单和 ROI 清算。 原文链接&#xff1a;AI 小老六 每天&#xff0c;我们都能在网络上看到各种关于 AI 未来 的离谱预测。 有人说&#xff1a;“GPT-7 马上就要出来了&#xff0c;它会吞噬所有的软件&#xff0…...

编程新知 2026/5/18 12:24:43

在线水印去除工具怎么选？2026年实测去水印方法+五大工具推荐

不管是做内容创作、整理素材&#xff0c;还是处理自己拍摄的视频和图片&#xff0c;水印问题都是绕不开的痛点。抖音、快手、小红书的视频里都带着平台水印&#xff0c;图片上有时也会被加上各种标记。那些网上找的素材更是五花八门的水印。怎么才能干净利落地去掉这些水印&…...

编程新知 2026/5/18 12:06:21

从SolidWorks到Geant4仿真：我的第一个粒子探测器CAD模型导入全记录（含CADMesh避坑点）

从SolidWorks到Geant4仿真&#xff1a;我的第一个粒子探测器CAD模型导入全记录&#xff08;含CADMesh避坑点&#xff09; 作为一名刚接触粒子探测器仿真的研究生&#xff0c;我花了整整两周时间才成功将SolidWorks设计的模型导入Geant4进行模拟。这个过程远比想象中复杂&#x…...

编程新知 2026/5/18 12:13:44

AI智能体任务编排框架：从概念到实战的Mission Control指南

1. 项目概述&#xff1a;为AI智能体打造一个“任务控制中心”最近在折腾AI智能体&#xff08;Agent&#xff09;的开发&#xff0c;发现一个挺普遍的问题&#xff1a;当你想让多个智能体协同工作&#xff0c;或者想让单个智能体执行一系列复杂、有依赖关系的任务时&#xff0c;…...

编程新知 2026/5/18 14:13:02

如何用Python爬虫将知识星球内容制作成PDF电子书：完整指南

如何用Python爬虫将知识星球内容制作成PDF电子书&#xff1a;完整指南 【免费下载链接】zsxq-spider 爬取知识星球内容&#xff0c;并制作 PDF 电子书。 项目地址: https://gitcode.com/gh_mirrors/zs/zsxq-spider 知识星球作为优质内容社区&#xff0c;汇集了大量付费专…...

编程新知 2026/5/18 12:21:25

如何在3分钟内为Photoshop安装AVIF插件：让你的图片体积减半的终极方案

如何在3分钟内为Photoshop安装AVIF插件&#xff1a;让你的图片体积减半的终极方案 【免费下载链接】avif-format An AV1 Image (AVIF) file format plug-in for Adobe Photoshop 项目地址: https://gitcode.com/gh_mirrors/avi/avif-format 还在为网站图片加载缓慢而烦恼…...

编程新知 2026/5/17 9:24:51

3分钟完成30分钟任务：词达人自动化助手终极指南

3分钟完成30分钟任务&#xff1a;词达人自动化助手终极指南 【免费下载链接】cdr 微信词达人&#xff0c;高正确率&#xff0c;高效简洁。支持班级任务及自选任务 项目地址: https://gitcode.com/gh_mirrors/cd/cdr 你是否厌倦了每周在词达人平台上花费数小时完成枯燥的…...

编程新知 2026/5/18 12:57:27

Cursor IDE事件日志分析工具：Python实现开发者行为可视化与效率洞察

1. 项目概述&#xff1a;一个为开发者“把脉”的智能分析工具如果你是一名开发者&#xff0c;尤其是深度使用Cursor这类AI编程助手的开发者&#xff0c;你肯定有过这样的体验&#xff1a;面对一个复杂的项目&#xff0c;你向AI助手提了无数个问题&#xff0c;生成了大量代码片段…...

编程新知 2026/5/17 7:49:54