created在vue3 script setup中的写法
在 Vue 2 里，created 是一个生命周期钩子函数，会在实例已经创建完成之后被调用，主要用于在实例初始化之后、数据观测和 event/watcher 事件配置之前执行代码。而在 Vue 3 的 <script setup> 语法糖里，不再有像 Vue 2 那样直接使用 created 钩子的写法，不过可以借助 onBeforeMount 或者 onMounted 来达到类似的效果。
替代 created 的生命周期钩子
- onBeforeMount：在组件挂载到 DOM 之前触发，和 created 比较接近，因为此时组件实例已经创建好，数据也已经初始化，但还未挂载到 DOM 上。
- onMounted：在组件挂载到 DOM 之后触发，在这个钩子中可以访问到挂载后的 DOM 元素。
-
<template><div><p>{{ message }}</p></div> </template><script setup> import { ref, onBeforeMount, onMounted } from 'vue';// 定义响应式数据 const message = ref('Hello, Vue 3!');// 模拟 created 钩子的功能，在组件实例创建后执行 onBeforeMount(() => {console.log('onBeforeMount: 组件实例已创建，数据已初始化，但还未挂载到 DOM');// 这里可以进行一些数据初始化操作message.value = 'Data initialized in onBeforeMount'; });// 如果需要在挂载后执行操作，可以使用 onMounted onMounted(() => {console.log('onMounted: 组件已挂载到 DOM');// 这里可以访问挂载后的 DOM 元素const element = document.querySelector('p');console.log('Element content:', element.textContent); }); </script>总结
在 Vue 3 的 <script setup> 里，虽然没有直接的 created 钩子，但可以使用 onBeforeMount 来模拟 created 钩子的功能。若需要在挂载后执行操作，则可以使用 onMounted 钩子。
相关文章：
created在vue3 script setup中的写法
在 Vue 2 里，created 是一个生命周期钩子函数，会在实例已经创建完成之后被调用，主要用于在实例初始化之后、数据观测和 event/watcher 事件配置之前执行代码。而在 Vue 3 的 <script setup> 语法糖里，不再有像 Vue 2 那样直…...
基于springboot的房屋租赁系统（008）
摘 要 社会的发展和科学技术的进步，互联网技术越来越受欢迎。网络计算机的生活方式逐渐受到广大人民群众的喜爱，也逐渐进入了每个用户的使用。互联网具有便利性，速度快，效率高，成本低等优点。 因此，构建符…...
Linux上的`i2c-tools`工具集的编译构建和安装
源码复制到Ubuntu系统中并解压 的i2c-tools工具集的源码百度网盘下载链接： https://pan.baidu.com/s/1XNuMuT1auT1dMzYo3LAFmw?pwdi6xe 终端进入源码目录 cd /home/book/mybuild/i2c-tools-4.2执行编译构建命令 运行下面的命令进行编译构建 make CC${CROSS_COM…...
java项目之基于ssm的社区流浪动物救助领养系统
项目简介 社区流浪动物救助领养系统实现了以下功能： 本社区流浪动物救助领养系统分为管理员还有用户两个权限，管理员可以管理用户的基本信息内容，可以管理回访信息以及回访的租赁信息，能够与用户进行相互交流等操作，…...
网络空间安全（34）安全防御体系
前言 安全防御体系是一个多层次、多维度的系统，旨在保护组织或个人的信息资产免受各种网络攻击和威胁。 一、技术层面 网络边界防御 防火墙：部署在网络边界，通过设定规则允许或阻止特定流量的进出，保护内部网络不受外部攻击。入侵…...
《Linux 网络架构：基于 TCP 协议的多人聊天系统搭建详解》
一、系统概述 本系统是一个基于 TCP 协议的多人聊天系统，由一个服务器和多个客户端组成。客户端可以连接到服务器，向服务器发送消息，服务器接收到消息后将其转发给其他客户端，实现多人之间的实时聊天。系统使用 C 语言编写&#x…...
知识蒸馏：让大模型“瘦身”的魔法
知识蒸馏：让大模型“瘦身”的魔法 什么是蒸馏模型？AI界的“知识浓缩术”核心定义传统训练 vs 知识蒸馏关键优势 DeepSeek的蒸馏“三步魔法”骨架提取——搭建“迷你版大脑”知识灌注——模仿教师的“思考过程”微调优化——针对场景“查漏补缺” DeepSee…...
MySQL数据库精研之旅第一期：开启数据管理新旅程
专栏：MySQL数据库成长记 个人主页：手握风云 目录 一、数据库简介 1.1. 数据库的概念 1.2. 数据库和数据结构的关系 1.3. 主流数据库 1.3.1. 关系型数据库 1.3.2. 非关系型数据库 1.4. 关系型数据库的概念 二、MySQL配置 2.1. mysqld服务端程序 …...
Linux复习——基础IO，认识文件描述符、软硬件链接
1.复习C文件接口 1.1 fopen FILE *fopen(const char *path, const char *mode); path：带路径的文件名称(待打开的文件) mode： r：以可读方式打开，不可写，文件不存在，则报错 r&…...
【Java集合夜话】第1篇：拨开迷雾，探寻集合框架的精妙设计
欢迎来到Java集合框架系列的第一篇文章！🌹 本系列文章将以通俗易懂的语言，结合实际开发经验，带您深入理解Java集合框架的设计智慧。🌹 若文章中有任何不准确或需要改进的地方，欢迎大家指出，让我…...
Prometheus使用
介绍：Prometheus 是一个开源的 监控与告警系统，主要用于采集和存储时间序列数据（Time Series Data） Prometheus的自定义查询语言PromQL Metric类型 为了能够帮助用户理解和区分这些不同监控指标之间的差异，Prometheu…...
Java学习打卡-Day19-Set、HashSet、LinkedHashSet
Set 接口 无序（添加和取出顺序不一致）（但取出顺序固定）。没有索引。不允许重复，所以最多一个null。遍历方式 迭代器增强for循环不能使用普通for循环索引方式。 HashSet 实现了Set接口，具有相应特征。底…...
冯・诺依曼架构深度解析
一、历史溯源：计算机科学的革命性突破 1.1 前冯・诺依曼时代 在 1940 年代之前，计算机领域呈现 "百家争鸣" 的格局： 哈佛 Mark I（1944）：采用分离的指令存储与数据存储ENIAC（1946&a…...
单片机学完开发板，如何继续提升自己的技能？
很多人学完开发板后都会卡在一个尴尬的阶段：觉得自己会的东西不少，但又不知道下一步该干啥。会点C语言，能烧录程序，能点亮LED，玩转按键，搞定串口等等，能用开发板做点小玩意儿，但面对…...
Nginx 日志格式
默认日志格式配置 log_format main $remote_addr - $remote_user [$time_local] "$request" $status $body_bytes_sent "$http_referer" "$http_user_agent" "$http_x_forwarded_for";该格式记录了客户端IP、用户、时间、请求、状态…...
Spring Boot 整合 Elasticsearch 实践：从入门到上手
引言 Elasticsearch 是一个开源的分布式搜索引擎，广泛用于日志分析、搜索引擎、数据分析等场景。本文将带你通过一步步的教程，在 Spring Boot 项目中整合 Elasticsearch，轻松实现数据存储与查询。 1. 创建 Spring Boot 项目 首先ÿ…...
STM32 —— 嵌入式系统、通用计算机系统、物联网三层架构
目录 一、嵌入式系统的概念 二、通用计算机系统与嵌入式系统的比较 用途 硬件 软件 性能与功耗 开发与维护 三、嵌入式系统与物联网的关系 四、物联网的三层架构 1. 感知层（Perception Layer） 2. 网络层（Network Layer） …...
SARAD 解读
出处：NIPS 2024 代码链接：https://github.com/daidahao/SARAD/ 一 文章动机 ① 时间建模（Temporal Modeling）的局限性： a. 时间维度上 感受野极小；b. 变量间时间戳错位 (时间建模、空间建模不统一) →…...
【愚公系列】《高效使用DeepSeek》017-知识点思维导图生成
🌟【技术大咖愚公搬代码：全栈专家的成长之路，你关注的宝藏博主在这里！】🌟 📣开发者圈持续输出高质量干货的"愚公精神"践行者——全网百万开发者都在追更的顶级技术博主！ 👉 江湖人称"愚公搬代码"，用七年如一日的精神深耕技术领域，以"…...
【linux】scp和rsync
scp 和 rsync 都是 Linux 系统中用于文件传输的命令行工具，它们都可以通过网络在本地和远程主机之间传输文件。 scp 命令 定义 scp 是 “secure copy” 的缩写，它是一个基于 SSH 协议的文件传输工具，用于在本地和远程主机之间安全地复制文…...
软件需求分类、需求获取（高软46）
系列文章目录 软件需求分类，需求获取 文章目录 系列文章目录前言一、软件需求二、获取需求三、真题总结 前言 本节讲明软件需求分类、需求获取的相关知识。 一、软件需求 二、获取需求 三、真题 总结 就是高软笔记，大佬请略过！...
蓝桥杯单片机之AT24C02（基于自己对AT24C02的学习和理解）
一、先用抽象法说明原理，让原理变得简单易懂： 1、向AT24C02写入数据： 有个关系户，他想安排自己的儿子进某个大厦里某个楼层的公司，那么他就要先找到这个公司的地址，然后再找到该公司是第几楼，最…...
【Qt】Qt + Modbus 服务端学习笔记
《Qt Modbus 服务端学习笔记》 1.因为项目的需要，要写一个modbus通信，csdn上感觉有些回答，代码是人工智能生成的，有些细节不对。我这个经过实测，是可以直接用的。 首先要包含Qt 的相关模块 Qt Modbus 模块主要包含以…...
抖音用户视频批量下载工具开发全解析
一、逆向工程原理剖析 1.1 抖音Web端防护体系 抖音采用五层防御机制保护数据接口： graph LRA[浏览器指纹检测] --> B[请求参数签名]B --> C[Cookie动态验证]C --> D[请求频率限制]D --> E[IP信誉评级] 1.2 核心参数解密 参数名称作用原理生成方式有效期x-bogu…...
DeepSeek写打台球手机小游戏
DeepSeek写打台球手机小游戏 提问 根据提的要求，让DeepSeek整理的需求，进行提问，内容如下： 请生成一个包含以下功能的可运行移动端打台球小游戏H5文件： 要求 可以重新开始游戏 可以暂停游戏 有白球和其他颜色的球&am…...
清晰易懂的 Swift 安装与配置教程
初学者也能看懂的 Swift 安装与配置教程 本教程将手把手教你如何在 macOS 系统上安装 Swift，配置依赖包缓存位置，并指出新手容易踩坑的细节。即使你是零基础小白，也能快速上手！ 一、安装 Swift（macOS 环境）…...
Post-Training Quantization, PTQ
Post-Training Quantization（PTQ） 是 模型训练完成后，对其参数（权重 & 激活值）进行量化 的方法，目的是 减少存储占用 & 提高推理速度，同时尽可能保持模型精度。 相比于 量化感知训练&a…...
linux Redhat9.5采用DNS主从实现跨网段解析
文章目录 主从服务器DNS实现跨网段解析一、服务器规划二、主服务器配置1、安装bind2、修改主配置文件3、配置区域配置文件4、配置正向解析文件5、配置反向解析文件6、检查并启动服务 三、从服务器配置1、安装bind2、配置主配置文件3、修改区域配置文件4、检查并启动服务 四、路…...
Python个人学习笔记（18）：模块（异常处理、traceback、日志记录）
七、异常处理 语法错误不属于异常，处理的是程序运行时的一些意外情况 代码： a int(input(>>>：)) b int(input(>>>：)) print(a / b) # 在运行的时候由于数据不对，导致出错 # 此时程序会中断 prin…...
记一次MyBatis分页莫名其妙的失效，首次执行合适，后续执行分页失效且异常
代码几乎一样，为啥这个xml配置的就会出现莫名其妙的问题呢 org.mybatis.spring.MyBatisSystemException: nested exception is org.apache.ibatis.type.TypeException: Could not set parameters for mapping: ParameterMapping{propertymybatis_plus_first, modeI…...
Claude是什么？适合哪些场景？
Claude 是由人工智能公司 Anthropic 开发的一款 大型语言模型（LLM），旨在通过自然语言交互帮助用户完成复杂任务。以下是关于 Claude 的核心信息： 1. 核心定位 • 安全可靠： 采用 Constitutional AI（宪法AI…...
基于yolov11的持刀检测系统python源码+pytorch模型+评估指标曲线+精美GUI界面
【算法介绍】 基于YOLOv11的持刀检测系统 随着公共安全问题的日益突出，特别是在公共场所如机场、车站、学校等地，持刀等危险行为频发，对人们的生命财产安全构成严重威胁。传统的监控手段往往依赖于人工观察，但这种方式不仅效率低…...
openEuler24.03 LTS下安装Hive3
目录 前提条件 安装MySQL 卸载原有mysql及mariadb 下载mysql 解压mysql 安装mysql 启动mysql服务 开机自启动mysql服务 登录mysql 修改mysql密码 远程连接mysql 安装Hive 下载安装包 解压 设置环境变量 解决日志包冲突 将mysql驱动拷贝到lib目录 配置Hive 创…...
13-动态规划-最长公共子序列
题目 来源 24. 最长公共子序列 思路 不想打字，援引自最长公共子序列 (LCS) 详解例题模板（全）-CSDN博客 图示举例： 其余详见代码 代码 #include<bits/stdc.h> using namespace std; const int N110; int f[N][N]; int m…...
golang 生成单元测试报告
在 Go 语言中，你可以使用 go test 生成单元测试报告。以下是几种方法： 1. 生成基本测试报告（文本格式） go test -v ./... > test_report.txt-v：显示详细的测试信息./...：递归测试所有子目录> test_r…...
让AI看见世界：MCP协议与服务器的工作原理
让AI看见世界：MCP协议与服务器的工作原理 MCP（Model Context Protocol）是一种创新的通信协议，旨在让大型语言模型能够安全、高效地与外部资源进行交互。在AI技术快速发展的今天，MCP正成为连接AI与现实世界的重要桥梁。…...
设备健康管理系统是什么，设备健康管理系统多少钱？
想象一下，你的汽车在仪表盘报警前 3 天，手机就收到 “发动机轴承剩余寿命 1500 公里” 的提醒 —— 这就是 ** 设备健康管理系统（EHM）** 的日常。在制造业，设备故障每年造成全球 3.4 万亿美元损失，而 80% 的…...
-抽象工厂模式)
设计模式(创建型)-抽象工厂模式
摘要 在软件开发的复杂世界中，设计模式作为解决常见问题的最佳实践方案，一直扮演着至关重要的角色。抽象工厂模式，作为一种强大的创建型设计模式，在处理创建一系列或相关依赖对象的场景时，展现出了独特的优势和灵活性。它通过提供一个创建对象的接口，让开发者能够在不指定…...
docker 部署elk 设置账号密码
1. 先把 kibana 停掉 2.进入es 容器 docker exec -it 75895a078cbc /bin/bash 找到 bin 目录 执行 ./elasticsearch-setup-passwords interactive 全部设置一样的密码 ,不一样自己要记住，设置成功会输出如下内容 Changed password for user [apm_system] Chang…...
＜table＞内有两行＜tr＞，第一行设定高度为60，剩余第二行，和右侧元素高度补齐。
实现 <table> 内第一行高度设定为 60px，第二行和右侧元素高度补齐的效果，你可以通过 CSS 样式来控制。示例： 为第一行 <tr> 设置固定高度 60px。对于右侧元素，假设它是一个 <div> 或者其他容器，将其…...
QT5.15.2加载pdf为QGraphicsScene的背景
5.15.2使用pdf 必须要安装QT源码，可以看到编译器lib目录已经有pdf相关的lib文件，d是debug 1.找到源码目录：D:\soft\QT\5.15.2\Src\qtwebengine\include 复制这两个文件夹到编译器的包含目录中:D:\soft\QT\5.15.2\msvc2019_64\include 2.找…...
常见的工具和技术
Mockito Mockito 是一个流行的 Java Mocking 框架，用于创建和配置模拟对象（Mock Objects），以便在单元测试中模拟复杂依赖关系的行为 使用场景：单元测试、隔离测试 EclipseEclipse 是一个开源的集成开发环境（…...
Linux怎样源码安装Nginx
1. 安装必要的依赖 在编译 Nginx 之前，你需要安装一些必要的依赖包，像编译工具和库文件等。以 CentOS 系统为例，可借助yum命令来安装： bash sudo yum install -y gcc pcre-devel zlib-devel openssl-devel要是使用的是 Ubuntu 系…...
汇编指令（20250319）
SOC常用总线 AHB（Advanced High-performance Bus）：先进高性能总线，连接RAM，ROM等高速设备APB（Advanced Peripheral Bus）：先进外设总线，连接外设等一些低速设备 CISC和R…...
PlainUSR|LIA: 追求更快的卷积网络实现高效的超分辨率重建
PlainUSR|LIA: 追求更快的卷积网络实现高效的超分辨率重建 引言 在深度学习领域，图像处理始终是一个热门话题。而超分辨率重建（Super-Resolution Reconstruction, SR）作为其中一个重要的研究方向，旨在通过算法将低分辨率图像恢复…...
神经网络基础之正则化
引言：正则化 （Regularization） 是机器学习中一种用于防止模型过拟合技术。核心思想是通过在模型损失函数中添加一个惩罚项 （Penalty Term），对模型的复杂度进行约束，从而提升模型在新数据上的泛化…...
JAVA序列化与反序列化URLDNS链CC1链
1、序列化的实现 java序列化的是对象属性的，只有实现了Serializable或者Externalizable接口的类的对象才能被序列化为字节序列。（不是则会抛出异常），静态成员变量是属于类的，所以静态成员变量是不能被序列化的&#x…...
孤儿进程和僵尸进程
本文讲述了什么是孤儿进程和僵尸进程，会带来怎样的问题以及如何处理 一、孤儿进程 1）什么是孤儿进程 孤儿进程，顾名思义，就是父进程提前终止，但是子进程还在运行中，父进程无法对子进程进行监管&#…...
用ASCII字符转化图片
代码 from PIL import Image# 定义 ASCII 字符集，从最暗到最亮 ASCII_CHARS "%#*-:. "def resize_image(image, new_width100):width, height image.sizeratio height / widthnew_height int(new_width * ratio)resized_image image.resize((new_wi…...
从WebRTC到嵌入式：EasyRTC如何借助大模型提升音视频通信体验
随着人工智能技术的快速发展，WebRTC与大模型的结合正在为音视频通信领域带来革命性的变革。WebRTC作为一种开源实时通信技术，以其低延迟、跨平台兼容性和强大的音视频处理能力，成为智能硬件和物联网设备的重要技术支撑。 而EasyRTC作为基于W…...