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

Vue基础知识：路由的封装抽离，路由模块的封装抽离的好处是什么？，如何快速的引入组件，基于@指代src目录，从src目录出发找组件

news 2026/5/11 13:25:11

如果将所有的路由配置都存放在main.js中，是非常有问题的，杂且乱。所以我们要将路由模块进行抽离，这样有利于：拆分模块，利于维护。大致的做法就是将路由相关的东西放到router这个文件夹的index.js中，而将来只需要将index.js导入到main.js中渲染就可以了。

具体步骤演示：

1.在src文件夹中创建router文件夹

2.在router中创建index.js

3.复制粘贴main.js中关于路由相关的代码到router中index.js中

（其中有三个注意点，要导入vue和导出router这个对象，并且路径不要搞错）

快速引入组件：

基于@指代src目录，从src目录出发找组件

 4.在main.js中导入router中的index.js文件

相关文章：

Vue基础知识：路由的封装抽离，路由模块的封装抽离的好处是什么？，如何快速的引入组件，基于@指代src目录，从src目录出发找组件

如果将所有的路由配置都存放在main.js中，是非常有问题的，杂且乱。所以我们要将路由模块进行抽离，这样有利于：拆分模块，利于维护。大致的做法就是将路由相关的东西放到router这个文件夹的index.js中，而将来只…...

编程日记 2024/4/4 17:31:09

插入排序---算法

1、算法概念 插入排序：它的工作原理是通过构建有序排序，对于未排序数据，在已排序序列中从后向前扫描，找到相应位置插入。 2、算法步骤 将第一待排序序列第一个元素看作一个有序序列，把第二个元素到最后一个元素当成是…...

编程日记 2024/4/4 17:28:06

Vue3 Vite 整合组件脚手架笔记

序号更新时间备注12024.04.03初始化整理笔记 目录 一、安装运行命令二、相关依赖内容 1、http客户端 - alova2、国际化 - I18n3、时间管理 - moment4、pdf预览 - pdfjs-dist5、doc预览 - docx-preview6、请求参数处理 - qs7、全局状态管理 - Pinia8、路由管理 - vue-router9、…...

编程日记 2024/4/4 17:26:04

续二叉搜索树递归玩法

文章目录 一、插入递归二、寻找递归&#xff08;非常简单&#xff0c;走流程就行&#xff09;三、插入递归&#xff08;理解起来比较麻烦&#xff09; 先赞后看&#xff0c;养成习惯&#xff01;&#xff01;&#xff01;^ _ ^<3 ❤️ ❤️ ❤️ 码字不易&#xff0c;大家的…...

编程日记 2024/4/4 17:24:01

DDD 的四层领域模型是怎样的？包含哪些基础概念？

DDD的四层领域模型如下所示&#xff1a; 展现层&#xff1a;这一层负责向用户显示信息和解释用户命令&#xff0c;完成前端界面逻辑。并将用户请求传递给应用层。应用层&#xff1a;这一层是很薄的一层&#xff0c;负责协调领域层中的领域对象&#xff0c;组成具体应用场景。应…...

编程日记 2024/4/4 17:21:58

AI 在医疗保健领域的应用：技术、趋势和前景

人工智能&#xff08;AI&#xff09;在医疗保健领域的应用已经成为引人瞩目的发展方向&#xff0c;其在医学影像分析、疾病诊断和个性化治疗等方面展现出了巨大潜力。本文将深入探讨这些技术应用和未来的发展趋势。 医学影像分析 医学影像分析是AI在医疗领域中应用最广泛的领…...

编程日记 2024/4/4 17:20:57

SVG XML 格式定义图形入门介绍

SVG SVG means Scalable Vector Graphics. SVG 使用 XML 格式定义图形SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失SVG 是万维网联盟的标准 Hello World Use SVG in html and you can see: Link to the SVG file You can use <a> tag to link to the svg…...

编程日记 2024/4/4 17:15:52

MYSQL数据库的故障排除与优化

目录 一.MySQL单实例故障排查 故障现象1 故障现象 2 故障现象 3 故障现象 4 故障现象 5 故障现象 6 故障现象 7 故障现象 8 二.主从环境常见故障 1.故障一 2. 故障二 3. 故障三 三. 优化 1.SQL优化 2. 架构优化 3.硬件方面 1.1 关于CPU 1.2 关于内存 1.3 关…...

编程日记 2024/4/4 17:14:51

C++从入门到精通——入门知识

1. C关键字(C98) C总计63个关键字&#xff0c;C语言32个关键字 2. 命名空间 在C/C中&#xff0c;变量、函数和后面要学到的类都是大量存在的&#xff0c;这些变量、函数和类的名称都将存在于全局作用域中&#xff0c;可能会导致很多冲突。使用命名空间的目的就是对标识符的名…...

编程日记 2024/4/4 17:12:49

一些题目学习

1.打开文件添加helloworld public class Saier {public static void main(String[] args){String path"C:\\Users\\sjg\\Desktop\\abc.txt";String text"hello world";try {File file new File(path);FileWriter fileWriter new FileWriter(file,true);…...

编程日记 2024/4/4 17:11:48

Linux上管理文件系统

Linux上管理文件系统 机械硬盘 机械硬盘由多块盘片组成&#xff0c;它们都绕着主轴旋转。每块盘片上下方都有读写磁头悬浮在盘片上下方&#xff0c;它们与盘片的距离极小。在每次读写数据时盘片旋转&#xff0c;读写磁头被磁臂控制着不断的移动来读取其中的数据。 所有的盘片…...

编程日记 2024/4/4 17:09:47

【Linux】寿司线程池{单例模式之懒汉模式下的线程池}

文章目录 回顾单例模式0.多线程下的单例模式的意义1.什么是单例模式1.0设计模式1.1C单例模式的介绍及原理1.2拷贝构造和赋值重载的处理1.3if (nullptr ptr)&#xff0c;nullptr放在比较运算符的前面?1.4实现单例模式的方式 2.实现懒汉方式的单例模式2.1单线程的单例模式2.2多…...

编程日记 2024/4/4 17:08:45

Docker资源管理和分配指南

什么是cgroup&#xff1f; cgroups其名称源自控制组群&#xff08;control groups&#xff09;的简写&#xff0c;是Linux内核的一个功能&#xff0c;用来限制、控制与分离一个进程组&#xff08;如CPU、内存、磁盘输入输出等&#xff09;。 什么是Docker资源限制&#xff1f;…...

编程日记 2024/4/4 17:07:45

为什么索引的底层结构是B+树

B树 1.数据库与数据交互的单位是page,而B树的每个节点都是一个page,访问一个节点&#xff0c;就相当于进行了一次I/O操作。所以访问的节点越少&#xff0c;查找效率越大。而B树是矮胖的&#xff0c;查找深度也不会太大。 2.B树中的节点是有序存储的&#xff0c;对于范围查询、排…...

编程日记 2024/4/4 17:06:42

NLP学习路线指南总结

当然可以&#xff0c;以下是一份较为详细的NLP学习路线指南&#xff0c;帮助你逐步掌握自然语言处理的核心技术和应用。 一、基础知识与技能 语言学基础&#xff1a; 语言学基本概念&#xff1a;语音、语法、语义等。语言的层次与分类&#xff1a;语音学、音系学、句法学、语…...

编程日记 2024/4/4 17:05:42

试过了，ChatGPT确实不用注册就可以使用了！

看到官网说不用登录也可以直接使用ChatGPT 我们来试一下 直接打开官网 默认是直接进入了chatgpt3.5的聊天界面 之前是默认进的登录页面 聊一下试试 直接回复了&#xff0c;目前属于未登录状态&#xff0c;挺好&#xff01; 来试下ChatGPT4 跳转到了登录页面 目前来看gpt4还…...

编程日记 2024/4/4 17:04:41

CANoe自带的TCP/IP协议栈中TCP的keep alive机制是如何工作的

TCP keep alive机制我们已经讲过太多次，车内很多控制器的TCP keep alive机制相信很多开发和测试的人也配置或者测试过。我们今天想知道CANoe软件自带的TCP/IP协议栈中TCP keep alive机制是如何工作的。 首先大家需要知道TCP keep alive的参数有哪些？其实就三个参数：CP_KEEP…...

编程日记 2024/4/4 17:03:40

【C++练级之路】【Lv.18】哈希表（哈希映射，光速查找的魔法）

快乐的流畅&#xff1a;个人主页 个人专栏&#xff1a;《算法神殿》《数据结构世界》《进击的C》 远方有一堆篝火&#xff0c;在为久候之人燃烧&#xff01; 文章目录 引言一、哈希1.1 哈希概念1.2 哈希函数1.3 哈希冲突 二、闭散列2.1 数据类型2.2 成员变量2.3 默认成员函数2.…...

编程日记 2024/4/4 17:02:39

「PHP系列」If...Else语句/switch语句

文章目录 一、If...Else语句1. 基本语法2. 带有 elseif 的语法3. 示例示例 1&#xff1a;基本 if...else 结构示例 2&#xff1a;使用 elseif示例 3&#xff1a;嵌套 if...else 结构 4. 注意事项 二、switch语句1. 基本语法2. 示例示例 1&#xff1a;基本 switch 结构示例 2&am…...

编程日记 2024/4/4 17:01:38

Ubuntu部署BOA服务器

BOA服务器概述 BOA是一款非常小巧的Web服务器&#xff0c;源代码开放、性能优秀、支持CGI通用网关接口技术&#xff0c;特别适合用在嵌入式系统中。 BOA服务器主要功能是在互联嵌入式设备之间进行信息交互&#xff0c;达到通用网络对嵌入式设备进行监控&#xff0c;并将反馈信…...

编程日记 2024/4/4 17:00:37

django-flask基于python实验室资产管理系统 实验室器材租赁系统

目录基于Python的实验室资产与器材租赁管理系统&#xff08;Django/Flask&#xff09;摘要关于博主开发技术路线相关技术介绍核心代码参考示例结论源码lw获取/同行可拿货,招校园代理 &#xff1a;文章底部获取博主联系方式&#xff01;基于Python的实验室资产与器材租赁管理系统…...

编程新知 2026/5/11 12:50:05

探索War3编辑器（7）：从触发器GUI到JASS脚本的进阶实践

1. 为什么需要从GUI转向JASS脚本 很多War3地图作者刚开始都会使用图形化触发器界面&#xff08;GUI&#xff09;来制作游戏逻辑&#xff0c;毕竟点点鼠标就能完成功能确实很方便。但当你想要实现更复杂的效果时&#xff0c;比如循环判断系统、动态技能机制或者高级AI行为&#…...

编程新知 2026/5/11 12:45:53

Chromatic深度解析：基于QuickJS的跨平台动态代码注入框架实现原理

Chromatic深度解析&#xff1a;基于QuickJS的跨平台动态代码注入框架实现原理 【免费下载链接】chromatic Universal modifier for Chromium/V8 | 广谱注入 Chromium/V8 的通用修改器 项目地址: https://gitcode.com/gh_mirrors/be/chromatic 你是否曾经遇到过这样的技术…...

编程新知 2026/5/11 12:35:27

学术研究者的数字工具困境：如何打通文献管理与知识沉淀的壁垒？

学术研究者的数字工具困境&#xff1a;如何打通文献管理与知识沉淀的壁垒&#xff1f; 【免费下载链接】notero A Zotero plugin for syncing items and notes into Notion 项目地址: https://gitcode.com/gh_mirrors/no/notero 在当今数字化研究时代&#xff0c;学术工…...

编程新知 2026/5/11 11:42:42

线性码基础与最优电路合成技术解析

1. 线性码基础与错误控制原理线性码作为信道编码理论的核心内容&#xff0c;在现代数字通信和存储系统中发挥着不可替代的作用。这类编码通过在原始数据中添加精心设计的冗余信息&#xff0c;使系统能够检测和纠正传输过程中产生的随机错误。从数学角度看&#xff0c;线性码是向…...

编程新知 2026/5/11 7:26:19

AI编程新范式：基于.cursorrules的角色扮演开发环境实战指南

1. 项目概述&#xff1a;当AI助手有了“人设”&#xff0c;开发会变成一场情景喜剧吗&#xff1f;最近在折腾Cursor这个AI编程工具&#xff0c;发现了一个特别有意思的玩意儿&#xff1a;.cursorrules文件。简单来说&#xff0c;这玩意儿就像是你给Cursor这位“AI程序员”设定的…...

编程新知 2026/5/11 7:05:27

主流AI培训课程对比：五大选型维度实务评测

1. 引言&#xff1a;从技术焦虑到价值落地的“最后一公里”随着生成式AI技术&#xff0c;特别是Sora2、Runway等视频生成模型&#xff0c;以及GPT-4o、文心一言等多模态大模型的快速迭代&#xff0c;企业数字化转型与个人技能升级的迫切需求从未如此强烈。然而&#xff0c;市场…...

编程新知 2026/5/11 6:54:34

Letta框架：全栈AI应用开发，从模型集成到部署上线的完整解决方案

1. 项目概述&#xff1a;一个开箱即用的AI应用开发框架最近在折腾AI应用开发的朋友&#xff0c;估计都绕不开一个核心痛点&#xff1a;想法很美好&#xff0c;落地很骨感。从模型调用、提示词工程&#xff0c;到前后端集成、状态管理&#xff0c;再到部署上线&#xff0c;每个环…...

编程新知 2026/5/11 6:21:26

ADAS环视系统与视频解码器关键技术解析

1. ADAS环视系统技术解析1.1 汽车安全技术演进路径从ABS防抱死系统到安全气囊&#xff0c;再到如今的ADAS&#xff08;高级驾驶辅助系统&#xff09;&#xff0c;汽车安全技术在过去二十年经历了三次重大迭代。德国车企在这个领域始终保持着技术领先&#xff0c;最早实现了车道…...

编程新知 2026/5/11 5:02:20

509-qwen3.5-9b csdn tmux

技术文章大纲&#xff1a;Qwen&#xff08;通义千问&#xff09;技术解析与应用实践 Qwen概述 背景与研发团队&#xff1a;阿里巴巴达摩院推出的开源大语言模型系列核心定位&#xff1a;支持多语言、多模态的通用AI助手版本迭代&#xff1a;从Qwen-7B到Qwen-72B的模型规模演进 …...

编程新知 2026/5/11 4:41:26