Vue3:组件的生命周期函数

2023-09-19 00:51:08

这一篇博客是结合官网完档和书籍后整理的,会很简单,可能对很对朋友都没有任何的帮助,这只是我对自己的学习vue这个技术栈的笔记。

onMounted

注册一个会调用函数,在组件挂载完成后执行。
那么vue组件在什么情况下,算是已经挂载了呢?

  1. 所有同步的子组件都已经被挂载;
  2. 自身的DOM树已经创建完成并且插入父容器中。

这个时候,组件算是挂载完成,就可以在这个生命周期函数中执行其他的逻辑了。

onUpdated()

在组件DOM更新后调用,导致组件更新的原因是组件相关的状态变更,所以不要在onUpdated函数中更改组件状态,否则会引起组件无限循环更新。

其他生命周期函数:

  1. onBeforeUpdate(),在组件更新自身DOM之前调用
  2. onUnmounted(),组件卸载后调用。
  3. onBeforeUnmount(),在组件卸载之前调用。
  4. onBeforeMount(),组件卸载之前调用。
  5. onErrorCaptured(),在捕获后代组件传递的错误时调用。错误可以从这个来源中捕获:组件渲染、事件处理器、生命周期函数、setup函数、侦听器、自定义指令钩子和过渡钩子
  6. onActivated(),如果组件是缓存树中的一部分,当组件插到DOM的时候被调用。属于缓存实例的生命周期函数。
  7. onDeactivated(),如果组件是缓存树中的一部分,当组件从DOM中移除的时候调用。

这是vue组件的基本生命周期函数,在封装组价的时候,根据自己的需要,在对应的生命周期函数中

更多推荐

服务器租用多少钱一年?

租用服务器的费用是企业非常关心的问题,一般来说这个价格是由多种因素决定的,包括服务器商、服务器自身的配置、带宽、地域、服务时长等都有关系,大概在几百、几千到几万元不等,今天就来讲一讲这些影响服务器租用价格的因素吧!正规的服务器供应商,这个每个供应商根据成本的不同价格会有所差异但是变化不会很大,因为机房以及技术人员员工的

C++11 关于{}的初始化简析

C++11花括号/大括号的初始化序言聚合初始化有构造的{}初始化普通类使用initializer_list的类序言别问我为什么都是标记简析,深入分析我还没那个精力,为什么写这个这么简单的文章?在某次与群友探讨时才发现自己对于{}的理解是错的,我原来以为{}的使用并没有使用其本身的构造函数,所以特记录铭记。聚合初始化在以

垃圾收集器

1.前言结合之前介绍的垃圾回收算法,算法只是我们将无效对象回收的一种方式,最终将这些算法运用起来的,是垃圾收集器,随着java应用的业务场景越来越多,java在不停的版本迭代过程中,推出了很多种垃圾收集器,来应对不同的业务以及服务场景。2.七种垃圾收集器2.1Serial收集器(新生代)概述:Serial(串行)收集器

基于minist数据集用VAE训练生成图片(VAE基础入门学习)

文章目录参考的代码VAE介绍代码实现与解读代码块累计损失函数的变化迭代100次后生成的图像参考的代码复现的代码VAE介绍VAE是变分自编码器(VariationalAuto-Encoder)的缩写。它是一种深度生成模型,由Kingma等人于2014年提出的基于变分贝叶斯(VariationalBayes,VB)推断的生

Spark on YARN 部署搭建详细图文教程

目录一、引言二、SparkOnYarn本质2.1SparkOnYarn的本质?2.2SparkOnYarn需要啥?三、配置sparkonyarn环境3.1spark-env.sh3.2连接到YARN中3.2.1bin/pyspark3.2.2bin/spark-shell3.2.3bin/spark-submit(PI

怎么将视频压缩变小?

  怎么将视频压缩变小?随着互联网行业的额不断进步和短视频平台的日益流行,视频文件已经成为我们生活不可或缺的一部分。然而,在使用视频文件的过程中,我们可能会遇到一个棘手的问题:视频文件过大,无法轻松地进行传输或存储。文件过大是视频使用过程中不可避免的事情,尤其是现在拍摄设备的愈发先进,让拍摄的视频越

Java + Selenium + Appium自动化测试

一、启动测试机或者Android模拟器(Genymotion俗称世界上最快的模拟器,可自行百度安装)二、启动Appium(Appium环境安装可自行百度)三、安装应用到Genymotion上,如下图我安装一个计算机的小应用,包名为CalcTest.apk安装步骤:(基于AndroidSDK已经配置好了环境变量,可自行百

Linux Ubuntu命令行快速配置C++开发环境

本文介绍在Linux操作系统的Ubuntu版本中,基于命令行,快速配置C++编辑、编译、运行的代码开发环境的简便方法。在之前的文章Linux操作系统Ubuntu22.04配置VisualStudioCode与C++代码开发环境的方法(https://blog.csdn.net/zhebushibiaoshifu/art

7.4.4 【MySQL】索引字符串值的前缀

我们知道一个字符串其实是由若干个字符组成,如果我们在MySQL中使用utf8字符集去存储字符串的话,编码一个字符需要占用1~3个字节。假设我们的字符串很长,那存储一个字符串就需要占用很大的存储空间。在我们需要为这个字符串列建立索引时,那就意味着在对应的B+树中有这么两个问题:B+树索引中的记录需要把该列的完整字符串存储

DP4306F—Sub-1G无线收发通信芯片

DP4306F是一款高性能低功耗的单片集成收发机,工作频率可覆盖200MHz~1000MHz,集成M0核MCU,支持230/408/433/470/868/915频段。该芯片集成了射频接收器、射频发射器、频率综合器、GFSK调制器、GFSK解调器等功能模块。通过SPI接口可以对输出功率、频道选择以及数据包格式进行灵活配

从Langchain到ReAct,在大模型时代下全新的应用开发核心

简介:什么是ReAct框架关于什么是langchain,可以参考:https://ata.alibaba-inc.com/articles/266839?spm=ata.23639420.0.0.1dea7536uD7yhh在使用langchain的过程中,大模型给人留下最深刻的印象无疑是Agent功能。大模型会自己分

热文推荐