Vue基础知识：路由的封装抽离，路由模块的封装抽离的好处是什么？，如何快速的引入组件，基于@指代src目录，从src目录出发找组件
如果将所有的路由配置都存放在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中，而将来只…...
插入排序---算法
1、算法概念 插入排序：它的工作原理是通过构建有序排序，对于未排序数据，在已排序序列中从后向前扫描，找到相应位置插入。 2、算法步骤 将第一待排序序列第一个元素看作一个有序序列，把第二个元素到最后一个元素当成是…...
Vue3 Vite 整合组件脚手架笔记
序号更新时间备注12024.04.03初始化整理笔记 目录 一、安装运行命令二、相关依赖内容 1、http客户端 - alova2、国际化 - I18n3、时间管理 - moment4、pdf预览 - pdfjs-dist5、doc预览 - docx-preview6、请求参数处理 - qs7、全局状态管理 - Pinia8、路由管理 - vue-router9、…...
续二叉搜索树递归玩法
文章目录 一、插入递归二、寻找递归（非常简单，走流程就行）三、插入递归（理解起来比较麻烦） 先赞后看，养成习惯！！！^ _ ^<3 ❤️ ❤️ ❤️ 码字不易，大家的…...
DDD 的四层领域模型是怎样的？包含哪些基础概念？
DDD的四层领域模型如下所示： 展现层：这一层负责向用户显示信息和解释用户命令，完成前端界面逻辑。并将用户请求传递给应用层。应用层：这一层是很薄的一层，负责协调领域层中的领域对象，组成具体应用场景。应…...
AI 在医疗保健领域的应用：技术、趋势和前景
人工智能（AI）在医疗保健领域的应用已经成为引人瞩目的发展方向，其在医学影像分析、疾病诊断和个性化治疗等方面展现出了巨大潜力。本文将深入探讨这些技术应用和未来的发展趋势。 医学影像分析 医学影像分析是AI在医疗领域中应用最广泛的领…...
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…...
MYSQL数据库的故障排除与优化
目录 一.MySQL单实例故障排查 故障现象1 故障现象 2 故障现象 3 故障现象 4 故障现象 5 故障现象 6 故障现象 7 故障现象 8 二.主从环境常见故障 1.故障一 2. 故障二 3. 故障三 三. 优化 1.SQL优化 2. 架构优化 3.硬件方面 1.1 关于CPU 1.2 关于内存 1.3 关…...
C++从入门到精通——入门知识
1. C关键字(C98) C总计63个关键字，C语言32个关键字 2. 命名空间 在C/C中，变量、函数和后面要学到的类都是大量存在的，这些变量、函数和类的名称都将存在于全局作用域中，可能会导致很多冲突。使用命名空间的目的就是对标识符的名…...
一些题目学习
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);…...
Linux上管理文件系统
Linux上管理文件系统 机械硬盘 机械硬盘由多块盘片组成，它们都绕着主轴旋转。每块盘片上下方都有读写磁头悬浮在盘片上下方，它们与盘片的距离极小。在每次读写数据时盘片旋转，读写磁头被磁臂控制着不断的移动来读取其中的数据。 所有的盘片…...
【Linux】寿司线程池{单例模式之懒汉模式下的线程池}
文章目录 回顾单例模式0.多线程下的单例模式的意义1.什么是单例模式1.0设计模式1.1C单例模式的介绍及原理1.2拷贝构造和赋值重载的处理1.3if (nullptr ptr)，nullptr放在比较运算符的前面?1.4实现单例模式的方式 2.实现懒汉方式的单例模式2.1单线程的单例模式2.2多…...
Docker资源管理和分配指南
什么是cgroup？ cgroups其名称源自控制组群（control groups）的简写，是Linux内核的一个功能，用来限制、控制与分离一个进程组（如CPU、内存、磁盘输入输出等）。 什么是Docker资源限制？…...
为什么索引的底层结构是B+树
B树 1.数据库与数据交互的单位是page,而B树的每个节点都是一个page,访问一个节点，就相当于进行了一次I/O操作。所以访问的节点越少，查找效率越大。而B树是矮胖的，查找深度也不会太大。 2.B树中的节点是有序存储的，对于范围查询、排…...
NLP学习路线指南总结
当然可以，以下是一份较为详细的NLP学习路线指南，帮助你逐步掌握自然语言处理的核心技术和应用。 一、基础知识与技能 语言学基础： 语言学基本概念：语音、语法、语义等。语言的层次与分类：语音学、音系学、句法学、语…...
试过了，ChatGPT确实不用注册就可以使用了！
看到官网说不用登录也可以直接使用ChatGPT 我们来试一下 直接打开官网 默认是直接进入了chatgpt3.5的聊天界面 之前是默认进的登录页面 聊一下试试 直接回复了，目前属于未登录状态，挺好！ 来试下ChatGPT4 跳转到了登录页面 目前来看gpt4还…...
CANoe自带的TCP/IP协议栈中TCP的keep alive机制是如何工作的
TCP keep alive机制我们已经讲过太多次，车内很多控制器的TCP keep alive机制相信很多开发和测试的人也配置或者测试过。我们今天想知道CANoe软件自带的TCP/IP协议栈中TCP keep alive机制是如何工作的。 首先大家需要知道TCP keep alive的参数有哪些？其实就三个参数：CP_KEEP…...
【C++练级之路】【Lv.18】哈希表（哈希映射，光速查找的魔法）
快乐的流畅：个人主页 个人专栏：《算法神殿》《数据结构世界》《进击的C》 远方有一堆篝火，在为久候之人燃烧！ 文章目录 引言一、哈希1.1 哈希概念1.2 哈希函数1.3 哈希冲突 二、闭散列2.1 数据类型2.2 成员变量2.3 默认成员函数2.…...
「PHP系列」If...Else语句/switch语句
文章目录 一、If...Else语句1. 基本语法2. 带有 elseif 的语法3. 示例示例 1：基本 if...else 结构示例 2：使用 elseif示例 3：嵌套 if...else 结构 4. 注意事项 二、switch语句1. 基本语法2. 示例示例 1：基本 switch 结构示例 2&am…...
Ubuntu部署BOA服务器
BOA服务器概述 BOA是一款非常小巧的Web服务器，源代码开放、性能优秀、支持CGI通用网关接口技术，特别适合用在嵌入式系统中。 BOA服务器主要功能是在互联嵌入式设备之间进行信息交互，达到通用网络对嵌入式设备进行监控，并将反馈信…...
安卓Glide加载失败时点击按钮重新加载图片
需求 假设此时已经用load指定一个url: String，又用into指定了一个img: ImageView开始加载，但是网络突然中断，导致图片加载失败。在这种情况下，想要通过点击一个Button重新加载。 Glide.with(context).load(url).placeholder(loa…...
linux下python服务定时（自）启动
AI应用开发相关目录 本专栏包括AI应用开发相关内容分享，包括不限于AI算法部署实施细节、AI应用后端分析服务相关概念及开发技巧、AI应用后端应用服务相关概念及开发技巧、AI应用前端实现路径及开发技巧 适用于具备一定算法及Python使用基础的人群 AI应用开发流程概…...
awk命令进阶操作（二）
awk模块 awk模块awk的BEGIN模块和END模块BEGIN模块BEGIN 常见错误END模块END模块 常见错误 案例计算1~100的累加和统计系统中有多少用户的shell类型是/bin/bash awk模块 awk的BEGIN模块和END模块 格式 awk BEGIN{}{}END{} 文件名BEGIN模块 用于定义一个动作，用{…...
【洛谷 P8695】[蓝桥杯 2019 国 AC] 轨道炮 题解（映射+模拟+暴力枚举+桶排序）
[蓝桥杯 2019 国 AC] 轨道炮 题目描述 小明在玩一款战争游戏。地图上一共有 N N N 个敌方单位，可以看作 2D 平面上的点。其中第 i i i 个单位在 0 0 0 时刻的位置是 ( X i , Y i ) (X_i, Y_i) (Xi,Yi)，方向是 D i D_i Di (上下左右之一, 用…...
高阶DS---AVL树详解（每步配图）
目录 前言： AVL树的概念: AVL树节点的定义： AVL树的插入（重点） AVL树的旋转： （1）新节点插入较高左子树的左侧---右单旋 （2）新节点插入较高右子树的右侧---左单旋 …...
c++前言
目录 1. 什么是 C 2. C 发展史 3. C 的重要性 4. 如何学习 C 5. 关于本门课程 1. 什么是C C语言是结构化和模块化的语言，适合处理较小规模的程序。对于复杂的问题，规模较大的 程序，需要高度的抽象和建模时， C 语言则不合适…...
2024年泰迪杯数据挖掘B题详细思路代码文章教程
目前b题已全部更新包含详细的代码模型和文章，本文也给出了结果展示和使用模型说明。 同时文章最下方包含详细的视频教学获取方式，手把手保姆级，模型高精度，结果有保障！ 分析： 本题待解决问题 目标&#…...
练习 21 Web [GXYCTF2019]BabySQli
SQL联合查询，注意有源码看源码，Base64以及32的区别，MD5碰撞 打开后有登录框，先随意登录尝试 只有输入admin才是返回wrong pass！ 其他返回wrong user 所以用户名字段一定要输入admin 养成好习惯，先查看源码…...
【并发编程】CountDownLatch
📝个人主页：五敷有你 🔥系列专栏：并发编程 ⛺️稳中求进，晒太阳 CountDownLatch 概念 CountDownLatch可以使一个获多个线程等待其他线程各自执行完毕后再执行。 CountDownLatch 定义了一个计数器，…...
2024-HW ---＞SSRF
这不是马上准备就要护网了嘛，如火如荼的报名ing！！！那么小编就来查缺补漏一下以前的web漏洞，也顺便去收录一波poc！！！！ 今天讲的主人公呢就是SSRF，以前学的时候…...
免费黄页营销网站/seo排名快速上升
1位1比特；1字2字节；1字节8位；1字16位。 1、位 位是计算机存储的最小单位，简记为b，也称为比特（bit）计算机中用二进制中的0和1来表示数据，一个0或1就代表一位。位数通常指计算机中一次…...
聊城网站建设公司/石首seo排名
")怎样用Python实现FTP自动上传请看PYTHON FTP模块的用法。怎么样通过Python实现自动添加脚本头信息的示例代码#!/usr/bin/python#title :test4.py#description :I am test script#author :python技术#date :20160902#version :0.1#…...
专门做衬衣的网站/想要网站推广页
参考：https://www.bilibili.com/video/BV1HJ411R7Sm?fromsearch&seid10583033342576319158 主场景：注意Camera的朝向 Canvas布局 新建New Render Texture 将New Render Texture拖至Camera的Target Texture 将New Render Texture拖至RawImage的…...
三河做网站/2345网址导航电脑版
1. 基础选择器 Basics 名称 说明 举例 #id 根据元素Id选择 $("divId") 选择ID为divId的元素 element 根据元素的名称选择, $("a") 选择所有<a>元素 .class 根据元素的css类选择 $(".bgRed") 选择所用CSS类为 bgRed的元素 * 选择所有元素 $…...
驰业网站建设/西安的网络优化公司
前几天下班回到家后正在处理一个白天没解决的bug，厕所突然传来对象的声音：对象：xx，你有《时间简史》吗？我：我去！妹子，你这啥癖好啊，我有时间也不会去捡屎啊！对…...
什么样算网站需要备案/快排seo软件
最近在研究图像识别的时候遇到进制之间的转换，虽然之前也了解基二进制、八进制、十进制、十六进制之间转换的基本原理，但还没有在java里对其进行实现过。于是就对其进行了一翻研究，现将自己学习的总结与大家分享一下。 基本原理 二进制——…...