news 2026/3/16 7:17:50

Vue-day6 路由!

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Vue-day6 路由!

一.路由入门

单页应用程序

所有功能在一个html页面实现

路由概念
路由是一种映射关系,Vue中的路由作用:路径和组件的映射关系
根据路由就能知道不同路径的,应该匹配渲染哪个组件

VueRouter的基本使用5+3

5个基本步骤

/1.下载v3.6.5

//2.引入

//3.安装注册 Vue.use(vue插件)

//4.创建路由对象 yarn add vue-router@3.6.5

//5.注入到new Vue中 建立关联

2个核心步骤

1.建组件(views),配规则

2.准备导航链接,配置路由出口(匹配的组件展示的位置)

组件目录存放问题

页面组件

页面组件-views文件夹=>配合路由,页面展示

复用组件

复用组件-components文件夹=>封装复用

二.路由进阶

1.路由模块封装

2.声明式导航&导航高亮

精准匹配&模糊匹配

自定义高亮类名

声明式导航传参(查询参数传参&动态传参)

3.路由重定向

路由404

路由模式

编程式导航传参(查询参数传参&动态传路由参)

三.面经基础

一级路由/二级路由/导航高亮/请求渲染/路由传参/缓存组件

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/3/12 20:26:47

which命令

which命令,查看所使用的一系列命令的程序文件存放在哪里语法:which要查找的命令find 用于查找指定的文件按文件名查找:find起始路径 -name"被查找文件名"支持通配符按文件大小查找:find 起始路径-size1-n[kMG]

作者头像 李华
网站建设 2026/3/13 19:52:44

<span class=“js_title_inner“>ZYNQ MPSOC VCU介绍</span>

1 什么是VCU?VCU 的全称是 Video Codec Unit,即视频编解码单元, Zynq UltraScale MPSoC 系列产品分为三种类型,分别是 CG 型器件、 EG 型器件和 EV 型器件, 其中只有 EV 型器件集成了 VCU。 VCU 适用于视频监控和网络视频连接应用…

作者头像 李华
网站建设 2026/3/14 11:10:37

企业级社区养老服务系统管理系统源码|SpringBoot+Vue+MyBatis架构+MySQL数据库【完整版】

摘要 随着人口老龄化进程的加快,社区养老服务需求日益增长,传统的养老服务模式已难以满足现代社会的需求。社区养老服务系统的数字化、智能化成为提升服务效率和质量的关键。企业级社区养老服务系统通过整合资源、优化管理流程,为老年人提供便…

作者头像 李华
网站建设 2026/3/14 9:55:01

企业级在线互动学习网站管理系统源码|SpringBoot+Vue+MyBatis架构+MySQL数据库【完整版】

摘要 随着信息技术的快速发展和教育模式的数字化转型,企业级在线互动学习平台成为提升员工培训效率和知识管理的重要工具。传统线下培训模式受限于时间和空间,难以满足现代企业灵活、高效的学习需求。在线学习系统通过实时互动、个性化课程推荐和数据分…

作者头像 李华
网站建设 2026/3/15 20:31:02

SpringBoot+Vue 社区养老服务系统管理平台源码【适合毕设/课设/学习】Java+MySQL

摘要 随着人口老龄化问题日益加剧,社区养老服务需求快速增长,传统养老服务模式已无法满足高效化、信息化的管理需求。社区养老服务系统管理平台旨在通过数字化手段优化养老服务流程,提升服务效率和质量。该系统整合了老年人健康档案管理、服务…

作者头像 李华
网站建设 2026/3/14 2:45:23

本地 vs 云端部署:成本、隐私、延迟、运维复杂度怎么选?

传送锚点TL;DR(给赶时间的读者)1) 先把概念说清:本地、云端、混合各是什么?2) 成本对比:CAPEX vs OPEX,隐藏账单在哪里?2.1 本地成本(On-Prem)的真实构成2.2 云端成本&am…

作者头像 李华