【Vue学习】Vue 组件实例的生命周期（四个阶段，八个钩子）
一、为什么要理解生命周期？
理解生命周期就像是知道了一部电影的剧情走向，能让你在适当的时机做出反应。Vue 生命周期的钩子让你可以在不同的阶段插入你的逻辑，像是提前准备、后期清理或者在数据更新时做点事情。这种“精确控制”的能力会让你在开发过程中更加得心应手，避免做出一些不必要的错误。
二. Vue 的四个阶段和八个生命周期钩子函数
<template><div id="app"><p id="box">{{msg}}</p><button @click="change">更新</button></div>
</template><script>
export default {data () {return {msg: 'hello'}},methods: {change () {this.msg = 'hello world'}},beforeCreate () {console.log('---------------->beforeCreate')console.log(this.msg, document.getElementById('box'))},created () {console.log('---------------->created')console.log(this.msg, document.getElementById('box'))},beforeMount () {console.log('---------------->beforeMount')console.log(this.msg, document.getElementById('box'))},mounted () {console.log('---------------->mounted')console.log(this.msg, document.getElementById('box'))},beforeUpdate () {console.log('---------------->beforeUpdate')console.log(this.$el.innerHTML)console.log(this.msg, document.getElementById('box'))},updated () {console.log('---------------->updated')console.log(this.$el.innerHTML)console.log(this.msg, document.getElementById('box'))}
}
</script>相关文章：
【Vue学习】Vue 组件实例的生命周期（四个阶段，八个钩子）
一、为什么要理解生命周期？ 理解生命周期就像是知道了一部电影的剧情走向，能让你在适当的时机做出反应。Vue 生命周期的钩子让你可以在不同的阶段插入你的逻辑，像是提前准备、后期清理或者在数据更新时做点事情。这种“精确控制”的能力会让你…...
第27周：文献阅读及机器学习
目录 摘要 Abstract 一、文献阅读 发现问题 研究方法 CNN-LSTM DT SVR 创新点 案例分析 数据准备 模型性能 预测模型的实现 仿真实验及分析 二、LSTM 1、基本结构 2、具体步骤 3、举例说明 4、原理理解 总结 摘要 本周阅读文献《Short-term water qua…...
Tailwind CSS 实战：动画效果设计与实现
在现代网页设计中,动画效果就像是一位优秀的舞者,通过流畅的动作为用户带来愉悦的视觉体验。记得在一个产品展示网站项目中,我们通过添加精心设计的动画效果,让用户的平均停留时间提升了 35%。今天,我想和大家分享如何使用 Tailwind CSS 打造优雅的动画效果。 设计理念 设计动…...
在K8S中，Pod请求另一个Pod偶尔出现超时或延迟，如何排查？
在Kubernetes中，当Pod请求另一个Pod时偶尔出现超时或延迟，可能是由于多种原因造成的。以下是一些建立的排查步骤： 1. 检查网络配置和插件： 确认你的kubernetes集群使用了合适的网络插件（如Calico、Flannel等…...
C# 设计模式（结构型模式）：外观模式
C# 设计模式（结构型模式）：外观模式 (Facade Pattern) 在复杂系统中，往往会涉及到多个子系统、模块和类。这些子系统的接口和功能可能会让使用者感到困惑和复杂。在这种情况下，我们可以使用外观模式（Facade…...
)
LLM - 使用 LLaMA-Factory 部署大模型 HTTP 多模态服务 教程 (4)
欢迎关注我的CSDN：https://spike.blog.csdn.net/ 本文地址：https://spike.blog.csdn.net/article/details/144881432 大模型的 HTTP 服务，通过网络接口，提供 AI 模型功能的服务，允许通过发送 HTTP 请求，交互大模型，通常基于云计算架构，无需在本地部署复杂的模型和硬件，…...
MCGS学习记录
软件包 用户窗口 主窗口 元件：工具箱->输入框上面 数据对象 在工作台的实时数据库可以新增数据对象 理解为中间变量，控件改变其值，控件监测其值做出变化 基本属性 设定变量名和初始值 指针化？ 变化时自动保存初始值&#x…...
Swift Protocols（协议）、Extensions（扩展）、Error Handling（错误处理）、Generics（泛型）
最近在学习 Swift，总结相关知识 1. Protocols（协议） 1.1 协议的定义和实现 协议（protocol） 是一种定义方法和属性的蓝图，任何类、结构体或枚举都可以遵循协议。遵循协议后，需要实现协议中定义…...
axios和fetch的实现原理以及区别，与XMLHttpRequest的关系，并结合react封装统一请求示例
Axios 和 Fetch 对比及统一请求封装 1. Axios 基础用法 1.1 安装和引入 // 安装 npm install axios// 引入 import axios from axios;1.2 基本请求方法 // GET 请求 axios.get(/api/users).then(response > console.log(response.data)).catch(error > console.error…...
2024年阅读书单
《高效能人士的7个习惯》 史蒂芬.柯维 精进 《高效能人士的7个习惯》在读了一遍之后，记住非常深刻的就是积极主动和以终为始。 《软件架构》 Simon Brown 架构、技术 《软件架构》这本书比较抽象，若是工作时间比较少的人来读，可能觉得作者没写…...
Eclipse 内容辅助
Eclipse的内容辅助（Content Assist）功能是一项核心特性，它通过提供代码提示和自动完成建议来提高开发效率。这个功能能够在用户编写代码时自动显示可能的代码补全选项，如变量名、方法名、类名和关键字等。它还能根据用户的输入和上…...
【数学建模笔记】评价模型-基于熵权法的TOPSIS模型
视频课地址：https://www.bilibili.com/video/BV1eRyVYUEhg 本系列文章和课程一样，只使用Python实现，好久没玩数学建模了 国赛中不能再用TOPSIS，可以做辅助算法。 1. 算法原理 熵权TOPSIS方法是一种结合熵权法和TOPSIS的决策分析…...
小程序发版后，强制更新为最新版本
为什么要强制更新为最新版本？ 在小程序的开发和运营过程中，强制用户更新到最新版本是一项重要的策略，能够有效提升用户体验并保障系统的稳定性与安全性。以下是一些主要原因： 1. 功能兼容 新功能或服务通常需要最新版本的支持&…...
数据分析思维（七）：分析方法——群组分析方法
数据分析并非只是简单的数据分析工具三板斧——Excel、SQL、Python，更重要的是数据分析思维。没有数据分析思维和业务知识，就算拿到一堆数据，也不知道如何下手。 推荐书本《数据分析思维——分析方法和业务知识》，本文内容就是提取…...
)
SAP 01-初识AMDP(ABAP-Managed Database Procedure)
1. 什么是AMDP(ABAP-Managed Database Procedure) 1.）AMDP - ABAP管理数据库程序，是一种程序，我们可以使用SQLSCRIPT在AMDP内部编写代码，SQLSCRIPT是一种与SQL脚本相同的数据库语言，这种语言易于理解和编码。 将AM…...
.net core 线程锁，互斥锁，自旋锁，混合锁
线程锁、互斥锁、自旋锁和混合锁是多线程编程中的重要概念，它们用于控制对共享资源的访问，避免数据竞争和不一致性。每种锁有其特定的适用场景和特点。我们来逐一解释它们，并进行比较。 1. 线程锁（Thread Lock） 线程…...
大数据系列之：深入理解学习使用腾讯COS和COS Ranger权限体系解决方案，从hdfs同步数据到cos
大数据系列之：深入理解学习使用腾讯COS和COS Ranger权限体系解决方案，从hdfs同步数据到cos 对象存储COS对象存储基本概念COS Ranger权限体系解决方案部署组件COS Ranger Plugin部署COS-Ranger-Service部署COS Ranger Client部署 COSN 从hdfs同步数据到co…...
Uniapp Android 本地离线打包（详细流程）
一、简介 App 离线 SDK 暂时不支持 Kotlin，未来不清楚。 uniapp 提供了 云打包 与 本地打包 两种方案，云打包 需要排队且还有次数限制，本地打包 则就没有这些限制，而且会 本地打包 对开发 原生插件 有很大的帮助。 细节&#x…...
（IMX6ULL为例）)
单片机常用外设开发流程(1)（IMX6ULL为例）
1.通过GPIO引脚控制led灯和key按钮 （1）设置多路复用的引脚（SW_MUX_CTL）也可以说是选择让引脚以哪种工作模式工作 （2）设置电器属性（SW_PAD_CTL）上拉、等等... (3)设置GPIO的方向&am…...
机器学习 学习知识点
机器学习 学习知识点 什么是消融实验（Ablation experiment）？num_step与batch_size的区别python glob.glob()函数认识python的条件判断之is not、is not None、is Nonetqdm介绍及常用方法softmax 激活函数。type_as(tesnor)Python OpenCV cv2.…...
深入了解PINN：物理信息神经网络（Physics-Informed Neural Networks）
1. 什么是PINN（物理信息神经网络）？ 物理信息神经网络（PINN，Physics-Informed Neural Networks）是一类通过结合神经网络和物理方程的深度学习方法。其主要特点是将物理系统的约束条件（如偏微分方…...
人工智能知识分享第八天-机器学习_泰坦尼克生存预估线性回归和决策树回归对比案例
泰坦尼克生存预估案例 import pandas as pd from sklearn.model_selection import train_test_split from sklearn.tree import DecisionTreeClassifier from sklearn.metrics import classification_report import matplotlib.pyplot as plt from sklearn.tree import plot_t…...
封装/前线修饰符/Idea项目结构/package/impore
目录 1. 封装的情景引入 2. 封装的体现 3. 权限修饰符 4. Idea 项目结构 5. package 关键字 6. import 关键字 7. 练习 程序设计：高内聚，低耦合； 高内聚：将类的内部操作“隐藏”起来，不需要外界干涉；…...
python中的装饰器
装饰器（Decorator）是 Python 中的一种语法糖，它允许你修改或增强函数或类的行为。下面详细解释： 基本概念 装饰器本质上是一个函数，它接受一个函数作为参数，并返回一个新的函数： def my_decor…...
HTMLElement、customElements及元素拓展
文章目录 HTMLElement 与 customElementscustomElements.define() 方法说明HTML 元素方法拓展 HTMLElement 与 customElements HTMLElement 概述 HTMLElement是一个接口，它表示所有HTML元素。几乎所有的HTML标签（如<div>、<p>、<a>等…...
字玩FontPlayer开发笔记3 性能优化 大量canvas渲染卡顿问题
字玩FontPlayer开发笔记3 性能优化 大量canvas渲染卡顿问题 字玩FontPlayer是笔者开源的一款字体设计工具，使用Vue3 ElementUI开发，源代码： github: https://github.com/HiToysMaker/fontplayer gitee: https://gitee.com/toysmaker/fontpl…...
 函数详解与应用示例)
PyTorch 中 coalesce() 函数详解与应用示例
PyTorch 中 coalesce() 函数详解与应用示例 coalesce： 美 [ˌkoʊəˈlɛs] 合并；凝聚；联结，注意发音 引言 在 PyTorch 中，稀疏张量（Sparse Tensor）是一种高效存储和操作稀疏数据的方式。稀疏…...
计算机网络（第8版）第3章课后习题--透明传输
【3-11】 试分别讨论以下各种情况在什么条件下是透明传输，在什么条件下不是透明传 输。(提示：请弄清什么是“透明传输”,然后考虑能否满足其条件。) (1)普通的电话通信。 (2)互联网提供的电子邮件服务。 解 答 ： 透明传输是指在数据传输…...
JavaScript 日期格式
在 JavaScript 中，日期格式可以通过 Date 对象进行操作和格式化。下面是一些常见的 JavaScript 日期格式及其示例： 1. ISO 8601 格式 ISO 8601 是一种标准的日期和时间表示方法，格式为 YYYY-MM-DDTHH:mm:ss.sssZ，例如： let date = new Date(); console.log(date.toISOS…...
云打印之拼多多打印组件交互协议
拼多多打印组件交互协议相关介绍如下： 1、打印组件下载地址 http://meta.pinduoduo.com/api/one/app/v1/lateststable?appIdcom.xunmeng.pddprint&platformwindows&subTypemain 2、socket连接端口 如果是http的话，端口是5000 socket new …...
Oracle数据库如何找到 Top Hard Parsing SQL 语句？
有一个数据库应用程序存在过多的解析问题，因此需要找到产生大量硬解析的主要语句。 什么是硬解析 Oracle数据库中的硬解析（Hard Parse）是指在执行SQL语句时，数据库需要重新解析该SQL语句，并创建新的执行计划的过程。这…...
浅谈棋牌游戏开发流程二：后端技术选型与基础环境搭建
一、前言：客户端只是台前，后端才是幕后“指挥中心” 在上一篇“客户端技术”中，我们聊到玩家看到的一切动作、动画、界面逻辑，都靠客户端去渲染和交互。但若没有后端的支撑，玩家点了“出牌”可能就像一拳打在空气里—…...
使用qiankun搭建微前端应用及踩坑
线上演示地址：React App 源码地址：https://github.com/Jiang-K-J/micro-app?tabreadme-ov-file （帮忙点个小星星） 主应用：react 18 子应用：vite vue3 子应用：react 18 安装 主应用 $ y…...
Windows 环境配置 HTTPS 服务实战
一、 环境准备 win10以上操作系统安装 Certbot申请阿里云\腾讯云域名安装 nginx 1.3以上版本 二、Certbot 安装及 SSL 证书生成 Certbot 是一个免费、开源工具，用于自动化在Web服务器上获取和更新SSL/TLS证书。它可以通过Let’s Encrypt服务获取免费的SSL/TLS证书…...
小程序租赁系统开发的优势与应用前景分析
内容概要 小程序租赁系统是一种新兴的数字化解决方案，旨在为用户提供更加便捷与高效的租赁服务。它通常包括一系列功能，如在线浏览、即时预定、支付功能以及用户反馈机制。这些系统在使用上极为友好，让用户能够轻松选择所需的商品或服务&…...
Redis（基础篇 + 实践篇 ）
01 | 基本架构：一个键值数据库包含什么？ Redis 作为一个内存数据存储系统，它的架构设计非常简洁，但功能非常强大。理解其核心架构对高效使用 Redis 至关重要。 客户端与服务器架构： 客户端通过 TCP 协议连接到 Redis …...
单片机-独立按键矩阵按键实验
1、按键介绍 按键管脚两端距离长的表示默认是导通状态，距离短的默认是断开状态， 如果按键按下，初始导通状态变为断开，初始断开状态变为导通 我们开发板是采用软件消抖，一般来说一个简单的按键消抖就是先读取按键的状…...
我用AI学Android Jetpack Compose之入门篇（1）
这篇我们先来跑通第一个Android Jetpack Compose工程，现在新版本的Android Studio，新建工程选择Empty Activity默认就会开启Jetpack Compose的支持，再次声明，答案来自 通义千问Ai 文章目录 1.用Android Jetpack Compose需要安装什…...
简单的生产数据库重连策略优化
简单的druid生产数据库重连策略优化 1. 需求 我们生产环境有一次在大量请求拥堵后，好多数据库操作都超时了，在此之后数据库的连接池不能正常的获取数据库连接了，我们确认了数据库服务是没有问题的，那么就是连接池的配置有问题&a…...
STM32-笔记37-吸烟室管控系统项目
一、项目需求 1. 使用 mq-2 获取环境烟雾值，并显示在 LCD1602 上； 2. 按键修改阈值，并显示在 LCD1602 上； 3. 烟雾值超过阈值时，蜂鸣器长响，风扇打开；烟雾值小于阈值时，蜂鸣器不响…...
2025-01-04 Unity插件 YodaSheet1 —— 插件介绍
文章目录 1 介绍2 工作原理2.1 ScriptableObject -> YadeSheetData2.2 YadeDatabase 存储多个 YadeSheetData 3 用途4 缺点5 推荐 1 介绍 Yade 提供类似于 Excel 或者 Google Sheets 的表格编辑器，可以轻松地在 Unity 编辑器中 编辑，搜索…...
电子电气架构 --- 安全相关内容汇总
我是穿拖鞋的汉子，魔都中坚持长期主义的汽车电子工程师。 老规矩，分享一段喜欢的文字，避免自己成为高知识低文化的工程师： 所谓鸡汤，要么蛊惑你认命，要么怂恿你拼命，但都是回避问题的根源，以现象替代逻辑，以情绪代替思考，把消极接受现实的懦弱，伪装成乐观面对不幸的…...
科研绘图系列：R语言单细胞数据常见的可视化图形
禁止商业或二改转载，仅供自学使用，侵权必究，如需截取部分内容请后台联系作者! 文章目录 介绍加载R包数据下载导入数据数据预处理图1图2图3图4图5图6系统信息参考介绍 单细胞数据常见的可视化图形 因为本教程是单细胞数据，因此运行本画图脚本需要电脑的内存最少32Gb 加载…...
【顶刊TPAMI 2025】多头编码（MHE）之极限分类 Part 2：基础知识
目录 1 预热1.1 记号1.2 分类器计算过载问题 2 多头编码（MHE）2.1 标签分解2.2 多头组合（Multi-Head Combination） 论文：Multi-Head Encoding for Extreme Label Classification 作者：Daojun Liang, Haixia …...
Flink使用
Window下启动支持 下载或复制老版本的放在bin目录下即可； flink.bat echo off setlocalSET bin%~dp0 SET FLINK_HOME%bin%.. SET FLINK_LIB_DIR%FLINK_HOME%\lib SET FLINK_PLUGINS_DIR%FLINK_HOME%\pluginsSET JVM_ARGS-Xmx512mSET FLINK_JM_CLASSPATH%FLINK_LI…...
一种可复用的AI提效方案：AI点灯
在当今飞速发展的时代，AI技术正不断渗透到我们生活的各个层面，深刻改变着传统的工作方式和生活模式。面对这一重大变革，我们不能被动观望或抗拒，而应积极拥抱AI，将其作为成长的助力。只有与AI协同发展，才能…...
Django 模型
Django 模型 Django 模型是 Django 框架的核心组件之一，它用于定义应用程序的数据结构。在 Django 中，模型是 Python 类，通常继承自 django.db.models.Model。每个模型类代表数据库中的一个表，模型类的属性对应表中的字段。 1. 创建模型 创建 Django 模型非常简单。首先…...
【MySQL 探索者日志 】第二弹 —— 数据库基础
MySQL系列学习笔记： MySQL探索者日志__Zwy的博客-CSDN博客 各位于晏，亦菲们，请点赞关注！ 我的个人主页： _Zwy-CSDN博客 目录 1、MySQL服务器，数据库，表关系 2、MySQL登录连接服务器 3、MyS…...
【51单片机-零基础chapter1】
安装软件(配套的有,不多赘述) 1.管理员身份运行keil和破解软件kegen 将CID代码复制粘贴到 一定要管理员方式,不然会error 插入板子 我的电脑,管理 1.如果是拯救者,查看端口,如果没有则显示隐藏 2.苹果不知道,好像不可以 3.其他电脑在"其他设备找" (注:本人在校已…...
stm32的掉电检测机制——PVD
有时在一些应用中，我们需要检测系统是否掉电了，或者要在掉电的瞬间需要做一些处理。 STM32内部自带PVD功能，用于对MCU供电电压VDD进行监控。 STM32就有这样的掉电检测机制——PVD(Programmable Voltage Detecter)，即可编程电压检…...