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

Vue37-非单文件组件

news 2026/4/1 19:08:53

一、组件的两种编写形式：

  • 非单文件组件；
  • 单文件组件。

二、创建一个组件 

 

2-1、组件中的el

组件中不写el，不说为谁服务。

2-2、组件中的data 

因为对象形式，多处复用的话，有引用关系，改一处，另一处也会变动。

 

三、组件的注册

3-1、局部注册

 

template中的内容就是组件的局部html片段！！！

注意，template中的HTML结构要有一个根节点！！！

3-2、全局注册

四、使用组件

组件的复用，相互之间不影响！！！

五、小结：

相关文章：

Vue37-非单文件组件

一、组件的两种编写形式： 非单文件组件；单文件组件。 二、创建一个组件 2-1、组件中的el 组件中不写el，不说为谁服务。 2-2、组件中的data 因为对象形式，多处复用的话，有引用关系，改一处，另一…...

编程日记 2024/6/15 6:05:50

CSS实现经典打字小游戏《生死时速》

🌻 前言 CSS 中有这样一个模块：Motion Path 运动模块，它可以使元素按照自定义的路径进行移动。本文将为你讲解这个模块属性的使用，并且利用它实现我小时候电脑课经常玩的一个打字游戏：金山打字的《生死时速》。 &…...

编程日记 2024/6/15 6:02:47

推箱子-小游戏

学习目标： 巩固Java基础，数据类型、二维数组、条件语句等； 效果展示：...

编程日记 2024/6/15 6:00:44

AI数字人的开源解决方案

目前，国内外已经涌现出一些优秀的数字人开源解决方案，这些解决方案为开发者提供了构建数字人应用的工具和基础设施。以下是一些比较知名的数字人开源解决方案。北京木奇移动技术有限公司，专业的软件外包开发公司，欢迎交流合作。 1…...

编程日记 2024/6/15 5:59:41

java写一个验证码

生成验证码 内容：可以是小写字母，也可以是大写字母，还可以是数字 规则 长度为5 内容中是四位字母，1位数字。 其中数字只有1位，但是可以出现在任意的位置。 package User;import java.util.ArrayList; import jav…...

编程日记 2024/6/15 5:58:40

【星海随笔】ELK优化

ELS 再遇到大的日志文件的时候不会自动进行清理的，我们可以通过 logrotate 转储工具进行操作。 该命令是基于 Cron 实现，由系统执行，当然也可以手动进行执行例如 logrotate -f configfile# more /etc/logrotate.confweekly // 默认每一周执行一次rotate轮转工作 r…...

编程日记 2024/6/15 5:56:39

SQL Auto Increment

SQL Auto Increment 在关系型数据库中，自动增量（Auto Increment）是一个常见且实用的特性。它允许数据库自动为表中插入的新行分配唯一的标识符，通常用于主键字段。本文将深入探讨SQL中的自动增量功能，包括其工作原理、…...

编程日记 2024/6/15 5:55:36

网络安全练气篇——PHP编程语言基础

目录 PHP基础 一、PHP简介与环境搭建 什么是PHP？ PHP环境安装 代码编辑选择 二、基本语法 PHP基本语法操作 PHP变量与输出 啥是常量? PHP注释 PHP单引号双引号声明 三、PHP表单 PHP表单 四、登录界面搭建与讲解 构建登陆页面 登陆页面端 服务器端…...

编程日记 2024/6/15 5:54:34

LabVIEW程序内存泄漏分析与解决方案

维护他人编写的LabVIEW程序时，若发现程序运行时间越长，占用内存越大直至崩溃，通常是内存泄漏导致的。本文从多角度分析内存泄漏的可能原因，包括数组和字符串处理、未释放的资源、循环中的对象创建等，并提供具体的解决方…...

编程日记 2024/6/15 5:53:32

JVM垃圾回收器介绍

Serial GC: 算法: 使用的是标记-清除算法。特点: 串行执行，适用于单CPU环境或较小的堆内存配置。在新生代和老年代的回收中都是单线程执行，因此在进行垃圾回收时会暂停所有应用线程（Stop-The-World）。 Parallel GC (也称为吞吐量优…...

编程日记 2024/6/15 5:51:30

subprocess隐藏cmd窗口

process subprocess.Popen(command, shellTrue, stdoutsubprocess.PIPE, stderrsubprocess.PIPE,creationflagssubprocess.CREATE_NO_WINDOW) 添加参数即可不显示cmd运行窗口 creationflagssubprocess.CREATE_NO_WINDOW...

编程日记 2024/6/15 5:47:26

编程前端看什么书比较好：深入解析与推荐

编程前端看什么书比较好：深入解析与推荐 在编程前端的学习道路上，书籍无疑是我们最宝贵的财富。一本好的书籍，不仅可以提供系统的知识体系，还能引导我们深入探索技术的奥秘。然而，面对市面上琳琅满目的前端书籍&#…...

编程日记 2024/6/15 5:46:25

HarmonyOS(36) DevEco Studio 配置debug和release

在android开发中可以在build.gradle来配置realease和debug,在HarmonyOS中可以通过build-profile.json5文件中通过buildModeSet配置： 在DevEco Studio 中可以通过下面来选择运行debug还是release： 我们可以通过BuildProfile.ets里面的静态变量获取当前…...

编程日记 2024/6/15 5:45:23

PHP CGI Windows平台远程代码执行漏洞(CVE-2024-4577)复现

PHP语言在设计时忽略了Windows对字符编码转换的 Best-Fit 特性，导致未授权的攻击者可以通过特定字符串绕过 CVE-2012-1823 补丁，执行任意PHP代码，导致服务器失陷。 1.漏洞级别 高危 2.漏洞搜索 fofa: app"XAMPP"3.影响范围 P…...

编程日记 2024/6/15 5:44:22

WHAT - React 学习系列（二）

目录 一、官方介绍二、框架具体对比1. Next.js(Pages Router)2. Remix3. Gatsby4. Expo（用于原生应用）5. Next.js(App Router)Next.js App Router主要特性与 Pages Router 的对比 具体使用示例创建 App Router 项目目录结构示例示例代码 总结 这一篇主要…...

编程日记 2024/6/15 5:43:20

Java 反射机制 -- Java 语言反射的概述、核心类与高级应用

大家好，我是栗筝i，这篇文章是我的 “栗筝i 的 Java 技术栈” 专栏的第 010 篇文章，在 “栗筝i 的 Java 技术栈” 这个专栏中我会持续为大家更新 Java 技术相关全套技术栈内容。专栏的主要目标是已经有一定 Java 开发经验，并希望进一步完善自己对整个 Java 技术体系来充实自…...

编程日记 2024/6/15 5:42:18

【Python入门与进阶】Jupyter Notebook配置与优化

目录 1.Jupyter Notebook简介 2.Jupyter Notebook的安装 2.1 命令行安装 2.2 可视化界面安装 3.Jupyter Notebook的使用 3.1 启动 Jupyter Notebook 3.2 Jupyter Notebook 界面介绍 3.3 创建新的 Notebook 3.4 编写和运行代码单元 3.5 使用 Markdown 编写文档 3.6 保…...

编程日记 2024/6/15 5:41:16

DataCap 自定义 File 转换器

DataCap 支持自定义 File 转换器，使用者可以编写自己的文件转换器集成到 DataCap 中。该文档主要讲解如何快速集成一个文件转换器到 DataCap 系统中。 该模块我们主要使用到的是 file 模块内的代码，我们本文使用 json 来做示例。 模块基本配置 新建项目…...

编程日记 2024/6/15 5:38:12

ARM32开发--IIC原理

知不足而奋进 望远山而前行 目录 文章目录 前言 目标 内容 I2C通讯规则 I2C写操作 I2C读流程 通讯信号 开始 结束 发送数据 bit发送 Byte发送 等待响应 接收数据 bit接收 Byte接收 发送响应 总结 前言 在现代消费电子和工业电子领域，各种类型的…...

编程日记 2024/6/15 5:37:11

列表、集合、字典的相关练习

1、使用列表推导式&#xff0c;输出1~100的所有素数 输入下面代码 # 定义一个辅助函数用来判断是否是素数 def is_prime(num):if num < 1:return Falsefor i in range(2, int(num**0.5) 1): #int函数将结果转换为整数&#xff0c;向下取整if num % i 0:return Falsere…...

编程日记 2024/6/15 5:36:09

运维自动化新思路：使用Pixel Script Temple生成系统监控拓扑像素图

运维自动化新思路&#xff1a;使用Pixel Script Temple生成系统监控拓扑像素图 1. 引言&#xff1a;运维可视化的痛点与创新方案 每天早晨&#xff0c;运维工程师小李都要花1-2小时手动整理服务器状态报告。他需要从多个监控系统导出数据&#xff0c;在PPT中绘制网络拓扑图&a…...

编程新知 2026/4/1 18:42:39

掌握ModTheSpire：从入门到精通的开源模组加载工具实战指南

掌握ModTheSpire&#xff1a;从入门到精通的开源模组加载工具实战指南 【免费下载链接】ModTheSpire External mod loader for Slay The Spire 项目地址: https://gitcode.com/gh_mirrors/mo/ModTheSpire 认知铺垫&#xff1a;走进模组加载的技术世界 当你第一次尝试为…...

编程新知 2026/4/1 18:23:40

别再只会让舵机转圈了！用Arduino和SG90实现精准角度控制的保姆级教程

从转圈到精准控制&#xff1a;Arduino与SG90舵机的高级应用指南 第一次接触舵机时&#xff0c;我们往往满足于让它简单地来回转动——这确实很有趣&#xff0c;就像给玩具注入了生命。但当你真正想用它构建一个机械臂、智能云台或是自动喂食器时&#xff0c;这种粗放的控制方式…...

编程新知 2026/4/1 18:23:28

VS2022 + WinForms：从拖控件到写逻辑，手把手带你做出第一个C#计算器

VS2022 WinForms&#xff1a;从拖控件到写逻辑&#xff0c;手把手带你做出第一个C#计算器 第一次打开Visual Studio 2022时&#xff0c;那个闪亮的启动界面可能会让你既兴奋又不知所措。作为微软最新的集成开发环境&#xff0c;VS2022为C#开发者提供了强大的工具链&#xff0…...

编程新知 2026/4/1 17:13:56

R语言实战：利用compareGroups包高效生成临床研究三线表(Table1)

1. 为什么临床研究离不开Table1三线表 在医学论文和临床研究报告中&#xff0c;Table1三线表几乎是标配。我第一次投稿时&#xff0c;审稿人直接指出"缺少规范的基线特征表"&#xff0c;这才意识到这个表格的重要性。Table1的核心作用是展示研究人群的基线特征&#…...

编程新知 2026/4/1 16:00:32

PDFMathTranslate：3步搞定学术论文AI翻译，完美保留公式排版的终极解决方案

PDFMathTranslate&#xff1a;3步搞定学术论文AI翻译&#xff0c;完美保留公式排版的终极解决方案 【免费下载链接】PDFMathTranslate PDF scientific paper translation with preserved formats - 基于 AI 完整保留排版的 PDF 文档全文双语翻译&#xff0c;支持 Google/DeepL/…...

编程新知 2026/4/1 15:46:25

Plumbum管道与重定向完全教程：构建复杂Shell命令链

Plumbum管道与重定向完全教程&#xff1a;构建复杂Shell命令链 【免费下载链接】plumbum Plumbum: Shell Combinators 项目地址: https://gitcode.com/gh_mirrors/pl/plumbum Plumbum是一个强大的Python库&#xff0c;它让您在Python中编写shell脚本般简洁的代码&#x…...

编程新知 2026/4/1 14:35:00

当AI学会“越狱“与“签名“：大模型 安全的攻与防

当AI学会"越狱"与"签名"&#xff1a;大模型安全的攻与防引言2023年以来&#xff0c;以ChatGPT、GPT-4、LLaMA、Qwen为代表的大语言模型&#xff08;Large Language Models, LLMs&#xff09;席卷了几乎所有行业。然而&#xff0c;能力越大&#xff0c;风险…...

编程新知 2026/4/1 13:41:12

深入解析SCB_AIRCR：STM32中断与复位控制的关键寄存器

1. SCB_AIRCR寄存器&#xff1a;STM32的中枢神经 第一次接触STM32的中断系统时&#xff0c;我对着密密麻麻的寄存器列表发懵&#xff0c;直到发现了SCB_AIRCR这个"控制中枢"。它就像城市交通指挥中心&#xff0c;决定着所有中断车辆的通行规则。这个位于0xE000ED00地…...

编程新知 2026/4/1 13:39:12

从抓包实战到协议栈：深入解析DDS核心报文与通信机制

1. 从HelloWorld抓包开始认识DDS 第一次接触DDS协议时&#xff0c;很多人会被各种专业术语搞得晕头转向。其实最快的学习方式就是从实际案例入手——就像我当初用Fast DDS的HelloWorld示例做实验那样。这个经典案例包含一个发布者和一个订阅者&#xff0c;正好能展示DDS最核心…...

编程新知 2026/4/1 12:48:24