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

【Vue3】3-1 : 章节介绍 - Vue3组件应用及单文件组件

news 2025/7/5 6:18:27
本书目录：点击进入

一、本章学习目标

二、课程安排

一、本章学习目标

  • Vue3组件相关概念
  • 掌握组件之间的通信
  • 封装一个可复用的组件
  • 单文件组件SFC：即.vue文件 = 样式 + 结构 + 逻辑
  • 脚手架的使用和底层实现机制
  • 工程化的认知

二、课程安排

  • 组件的概念及组件的基本使用方式

  • 组件之间是如何进行互相通信的

  • 组件的属性与事件是如何进行处理的

  • 组件的内容是如何组合与分发处理的

  • Element Plus框架的el-button按钮组件实现

  • 单文件组件SFC及Vue CLI脚手架的安装使用

  • 脚手架原理之webpack处理html文件和模块打包

  • 脚手架原理之webpack启动服务器和处理sourcemap

  • 脚手架原理之webpack处理样式模块和图片模块

  • 脚手架原理之webpack处理单文件组件及loader转换

  • Vite2介绍及基本使用 (图文)

  • Element Plus的el-rate评分组件实现(单文件组件)

相关文章：

【Vue3】3-1 : 章节介绍 - Vue3组件应用及单文件组件

本书目录：点击进入 一、本章学习目标 二、课程安排 一、本章学习目标 Vue3组件相关概念掌握组件之间的通信封装一个可复用的组件单文件组件SFC：即.vue文件 样式 结构 逻辑脚手架的使用和底层实现机制工程化的认知 二、课程安排 组件的概念及组件的基…...

编程日记 2024/1/19 2:37:16

【数据结构】二叉树（遍历，递归）

🌈个人主页：秦jh__https://blog.csdn.net/qinjh_?spm1010.2135.3001.5343🔥 系列专栏：《数据结构》https://blog.csdn.net/qinjh_/category_12536791.html?spm1001.2014.3001.5482 ​​​ 目录 二叉树遍历规则 前序遍历 ​…...

编程日记 2024/1/19 2:36:14

《微信小程序开发从入门到实战》学习八十五

6.15 设备API 6.15.2 添加联系人API 使用wx.addPhoneContact接口可以在用户的手机通讯录中添加联系人信息。用户可以选择“新增联系人”或“添加到已有联系人”。该接口接受Object参数，参支持属性如下所示： firstName：必填，名字…...

编程日记 2024/1/19 2:34:13

设计模式——命令模式

命令模式（Command Pattern）是一种行为型设计模式，它将一个请求封装为一个对象，使发出请求的对象和执行请求的对象解耦。这样可以方便地对请求排队、记录日志、撤销/重做操作以及支持可扩展性。 原理 命令接口（Comman…...

编程日记 2024/1/19 2:33:12

Modbus协议学习第三篇之协议通信规则

导语 本篇博客将深入介绍Modbus协议的一些内容，主要包括通讯方式和通讯模型的介绍 Modbus通讯方式 Modbus协议是单主机、多从机的通信协议，即同一时间，总线上只能有一个主设备，但可以有一个或者多个从设备（最多好像是2…...

编程日记 2024/1/19 2:30:10

git仓库使用说明

Git软件使用 1.先下载git相关软件 下载地址： Git - Downloading Package (git-scm.com) 下载其中一个安装 2.打开gitee网站，注册账号 3.打开个人中心，选择ssh公钥，查看如何生成公钥 4.生成公钥后，添加相应的公钥 …...

编程日记 2024/1/19 2:29:09

边缘计算和联邦学习的联系

1. 什么是边缘计算？ 边缘计算（Edge Computing）是一种计算模型，其主要思想是将计算、存储和数据处理能力推送到离数据源近的边缘设备，而不是依赖于远程的云服务器。这样做的目的是减少数据传输延迟、提高响应速度&…...

编程日记 2024/1/19 2:28:08

机器学习算法理论：贝叶斯

贝叶斯定理对于机器学习来说是经典的概率模型之一，它基于先验信息和数据观测来得到目标变量的后验分布。具体来说，条件概率（也称为后验概率）描述的是事件A在另一个事件B已经发生的条件下的发生概率，公式表示为P(A|B)&a…...

编程日记 2024/1/19 2:27:07

229.【2023年华为OD机试真题（C卷）】手机App防沉迷系统（模拟-JavaPythonC++JS实现）

🚀点击这里可直接跳转到本专栏，可查阅顶置最新的华为OD机试宝典~ 本专栏所有题目均包含优质解题思路，高质量解题代码(Java&Python&C++&JS分别实现)，详细代码讲解，助你深入学习，深度掌握！ 文章目录 一. 题目-手机App防沉迷系统二.解题思路三.题解代码Pyth…...

编程日记 2024/1/19 2:24:04

关系运算符

Oracle从入门到总裁:https://blog.csdn.net/weixin_67859959/article/details/135209645 补充: 如果要想对所选择的数据行进行控制，那么可以利用 WHERE 子句完成，此时的 SQL 语法结构变为如下形式 先系统性介绍下: ● 关系运算： >、、&…...

编程日记 2024/1/19 2:23:03

K8s-架构

一、K8s节点划分 K8s集群包含Master(控制节点)和Node(工作节点)，应用部署在Node节点上。 集群架构图： 二、Master节点 Master节点分成四个组件：scheduler、ApiServer、Controller Manager、ETCD。类似三层结构，controller&#…...

编程日记 2024/1/19 2:22:03

C++ 并发编程 | 进程与线程

一、进程与线程 1、进程 1.1、定义 操作系统中最核心的概念就是进程，进程是对正在运行中的程序的一个抽象，是系统进行资源分配和调度的基本单位。进程是一种抽象的概念，一般由程序、数据集合和进程控制块三部分组成，如下&#x…...

编程日记 2024/1/19 2:21:02

基于Python实现身份证信息识别

目录 前言身份证信息识别的背景与意义自动识别身份证的需求实现环境与工具准备Python编程语言OpenCV图像处理库Tesseract OCR引擎身份证信息识别算法原理图像预处理步骤(图像裁剪、灰度化 、二值化、去噪)信息提取与解析Python代码实现通过OCR提取身份证号码代码解析身份证信息…...

编程日记 2024/1/19 2:20:00

深度学习记录--正则化(regularization)

什么是正则化？ 正则化(regularization)是一种实用的减少方差(variance)的方法，也即避免过度拟合 几种正则化的方法 L2正则化 又被称为权重衰减(weight dacay) 在成本函数中加上正则项： 其中 由于在w的更新过程中会递减，即权…...

编程日记 2024/1/19 2:16:58

Java的便捷输入方法及解析

在 Java 中，有多种便捷的输入方法可以从用户那里获取输入。下面是一些常见的便捷输入方法及解析： 使用 Scanner 类：在上述示例中，首先导入了 java.util.Scanner 类，创建了一个 Scanner 对象，并使用 System…...

编程日记 2024/1/19 2:12:54

抖音矩阵云混剪系统源码（免授权版）多平台多账号一站式管理,附带系统搭建教程

搭建教程 MySQL 5.6 PHP 7.2 Apache 数据库名称 juzhen Nginx环境切换伪静态 1、解压安装包到项目根目录，找到application/database.php 更换自己的数据库密码 2、阿里云现有的配置不要动 其他按照文档进行添加 3、项目访问目录：public 4、域名…...

编程日记 2024/1/19 2:10:52

【Linux】权限的深度解析

前言：在此之前我们学习了一些常用的Linux指令，今天我们进一步学习Linux下权限的一些概念 💖 博主CSDN主页:卫卫卫的个人主页 💞 👉 专栏分类:Linux的学习 👈 💯代码仓库:卫卫周大胖的学习日记&a…...

编程日记 2024/1/19 2:09:52

c++函数怎么返回多个值

文章目录 使用结构体或类：定义一个结构体或类，其中包含了所有需要返回的值。然后在函数中返回这个结构体或类的实例。 struct Result {int value1;double value2;char value3; };Result myFunction() {Result r;r.value1 1;r.value2 2.0;r.value3 a;r…...

编程日记 2024/1/19 2:07:50

《剑指 Offer》专项突破版 - 面试题 15 : 字符串中的所有变位词（C++ 实现）

题目链接：LCR 015. 找到字符串中所有字母异位词 - 力扣（LeetCode） 题目： 输入字符串 s1 和 s2，如何找出字符串 s2 的所有变位词在字符串 s1 中的起始下标？假设两个字符串中只包含英文小写字母。例如&…...

编程日记 2024/1/19 2:05:48

03 SpringMVC响应数据之接收Cookie和请求头+原生API+共享域对象操作

下载postman,测试传json数据 1. 接收cookie 用CookieValue注解将cookie值绑定到控制器中的handler参数。 Controller类中的一个handler GetMapping("/CookieTest") public void handle(CookieValue("cookie的id(name)") String cookie) { //... }2. 接收…...

编程日记 2024/1/19 2:04:48

Prompt Tuning、P-Tuning、Prefix Tuning的区别

一、Prompt Tuning、P-Tuning、Prefix Tuning的区别 1. Prompt Tuning（提示调优） 核心思想：固定预训练模型参数，仅学习额外的连续提示向量（通常是嵌入层的一部分）。实现方式：在输入文本前添加可训练的连续向量（软提示），模型只更新这些提示参数。优势：参数量少（仅提…...

编程新知 2025/7/4 19:19:18

Leetcode 3576. Transform Array to All Equal Elements

Leetcode 3576. Transform Array to All Equal Elements 1. 解题思路2. 代码实现 题目链接：3576. Transform Array to All Equal Elements 1. 解题思路 这一题思路上就是分别考察一下是否能将其转化为全1或者全-1数组即可。 至于每一种情况是否可以达到&#xf…...

编程新知 2025/6/25 2:24:39

【位运算】消失的两个数字（hard）

消失的两个数字（hard） 题⽬描述：解法（位运算）：Java 算法代码：更简便代码 题⽬链接：⾯试题 17.19. 消失的两个数字 题⽬描述： 给定⼀个数组，包含从 1 到 N 所有…...

编程新知 2025/6/27 23:52:01

工程地质软件市场：发展现状、趋势与策略建议

一、引言 在工程建设领域，准确把握地质条件是确保项目顺利推进和安全运营的关键。工程地质软件作为处理、分析、模拟和展示工程地质数据的重要工具，正发挥着日益重要的作用。它凭借强大的数据处理能力、三维建模功能、空间分析工具和可视化展示手段&…...

编程新知 2025/6/17 23:10:20

【项目实战】通过多模态+LangGraph实现PPT生成助手

PPT自动生成系统 基于LangGraph的PPT自动生成系统，可以将Markdown文档自动转换为PPT演示文稿。 功能特点 Markdown解析：自动解析Markdown文档结构PPT模板分析：分析PPT模板的布局和风格智能布局决策：匹配内容与合适的PPT布局自动…...

编程新知 2025/7/4 18:06:51

GitHub 趋势日报 (2025年06月08日)

📊 由 TrendForge 系统生成 | 🌐 https://trendforge.devlive.org/ 🌐 本日报中的项目描述已自动翻译为中文 📈 今日获星趋势图 今日获星趋势图 884 cognee 566 dify 414 HumanSystemOptimization 414 omni-tools 321 note-gen …...

编程新知 2025/6/17 3:05:21

12.找到字符串中所有字母异位词

🧠 题目解析 题目描述： 给定两个字符串 s 和 p，找出 s 中所有 p 的字母异位词的起始索引。 返回的答案以数组形式表示。 字母异位词定义： 若两个字符串包含的字符种类和出现次数完全相同，顺序无所谓，则互为…...

编程新知 2025/7/5 5:31:34

MySQL用户和授权

开放MySQL白名单 可以通过iptables-save命令确认对应客户端ip是否可以访问MySQL服务： test: # iptables-save | grep 3306 -A mp_srv_whitelist -s 172.16.14.102/32 -p tcp -m tcp --dport 3306 -j ACCEPT -A mp_srv_whitelist -s 172.16.4.16/32 -p tcp -m tcp -…...

编程新知 2025/6/20 15:48:55

【开发技术】.Net使用FFmpeg视频特定帧上绘制内容

目录 一、目的 二、解决方案 2.1 什么是FFmpeg 2.2 FFmpeg主要功能 2.3 使用Xabe.FFmpeg调用FFmpeg功能 2.4 使用 FFmpeg 的 drawbox 滤镜来绘制 ROI 三、总结 一、目的 当前市场上有很多目标检测智能识别的相关算法，当前调用一个医疗行业的AI识别算法后返回…...

编程新知 2025/7/4 11:56:13

AirSim/Cosys-AirSim 游戏开发（四）外部固定位置监控相机

这个博客介绍了如何通过 settings.json 文件添加一个无人机外的 固定位置监控相机，因为在使用过程中发现 Airsim 对外部监控相机的描述模糊，而 Cosys-Airsim 在官方文档中没有提供外部监控相机设置，最后在源码示例中找到了，所以感…...

编程新知 2025/7/2 11:24:03