当前位置: 首页 > ai >正文

Vue 3 的路由管理

提示:记录工作中遇到的需求及解决办法

文章目录

  • 前言
  • 一、简易路由器
  • 二、Vue Router
    • 创建路由器
    • 使用路由器
    • 创建页面


前言

路由指的是通过不同 URL 访问不同页面的方式。

根据路由管辖权的归属不同,可以分为前端路由(Client-Side Routing)和后端路由(Server-Side Routing)。单页应用一般采用前端路由。

在 Vue 框架中,路由负责根据当前的 URL 地址,渲染对应的组件。
在这里插入图片描述
物理学家费曼先生说过:What I cannot create, I do not understand。要理解路由管理,不妨自己造一个路由器。


提示:以下是本篇文章正文内容,下面案例可供参考

一、简易路由器

三步创建简易路由

  1. 获取当前地址
  2. 把地址映射为组件
  3. 监听地址变更,随时准备渲染新组件
    在这里插入图片描述
    实际效果如下:
http://www.xdnf.cn/news/9712.html

相关文章:

  • 小白成长之路-Linux日志管理
  • [MMU]IOMMU的主要职能及详细的验证方案
  • 3 分钟学会使用 Puppeteer 将 HTML 转 PDF
  • Axure设计案例——科技感渐变线性图
  • 不可变集合类型转换异常
  • Astra学习之-如何修改Header-logo和favicon图标
  • Linux | Shell脚本的基础知识
  • 基于ubuntu安装hadoop
  • .NET8入门:14.ASP.NET Core MVC进阶——Model
  • 前端高频面试题1:HTML/CSS/浏览器/计算机网络
  • 安装 Node.js 和配置 cnpm 镜像源
  • Java异常处理的全面指南
  • 基于通义千问的儿童陪伴学习和成长的智能应用架构。
  • Spring AI 之对话记忆(Chat Memory)
  • [网页五子棋][匹配模块]处理开始匹配/停止匹配请求(匹配算法,匹配器的实现)
  • python h5py 读取mat文件的<HDF5 object reference> 问题
  • StarRocks x Iceberg:云原生湖仓分析技术揭秘与最佳实践
  • 【大模型】Bert变种
  • Kubernetes资源申请沾满但是实际的资源占用并不多,是怎么回事?
  • 微深节能 码头装卸船机定位与控制系统 格雷母线
  • WPF 按钮悬停动画效果实现
  • 【五模型时间序列预测对比】Transformer-LSTM、Transformer、CNN-LSTM、LSTM、CNN
  • 《AI大模型的开源与性能优化:DeepSeek R1的启示》
  • 互斥锁、自旋锁、读写锁、悲观锁、乐观锁的应用场景
  • 深入理解C#中的LINQ:数据查询的终极利器
  • 2013-2021年各省电子商务数据
  • 认识多系统萎缩:一种隐匿进展的神经退行性问题
  • spring IOC控制反转
  • 【春秋云镜】CVE-2022-26965 靶场writeup
  • 第一章 项目总览