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

简述Vue的生命周期以及每个阶段做的事情

news 2026/3/28 1:13:20

03_简述Vue的生命周期以及每个阶段做的事情

思路

给出概念

列举出生命周期各个阶段

阐述整体流程

结合实际

扩展：vue3变化

回答范例

每个vue组件实例被创建后都会经过一系列步骤。比如它需要数据观测、模板编译、挂载实例到dom、以及数据变化的时候更新dom、销毁组件。而vue的生命周期就是在这些特殊的时间点去做一些事情。

vue生命周期总共可以分为8个阶段：创建前后、载入前后、更新前后、销毁前后，以及一些特殊场景的生命周期。vue3中新增了三个用于调试和服务端渲场景

在这里插入图片描述

在vue3中，把beforDestroy destroy更改为了beforeUnmounted unmounted,跟挂载的时候刚好相反，更加好记忆

在这里插入图片描述

renderTracked：调试钩子、响应式依赖被收集时调用

renderTriggered：调试钩子，响应式依赖被触发时调用

serverPrefetch: ssr only ，组件实例在服务器上被渲染前调用

在这里插入图片描述

问题：

setup和created谁先执行？

setup先执行，因为vue3生命周期图上面有。

setup中为什么没有beforCreate created？

由于setup发生的时刻是早于created，所以就不应该把beforCreate created这两个钩子放在setup里面

ated，所以就不应该把beforCreate created这两个钩子放在setup里面

简述Vue的生命周期以及每个阶段做的事情

03_简述Vue的生命周期以及每个阶段做的事情思路给出概念列举出生命周期各个阶段阐述整体流程结合实际扩展：vue3变化回答范例每个vue组件实例被创建后都会经过一系列步骤。比如它需要数据观测、模板编译、挂载实例到dom、以及数据变化的时候更新dom、…...

编程日记 2023/6/11 6:33:31

LeetCode-C#-0004.寻找两个正序数组的中位数

0.声明该题目来源于LeetCode 如有侵权，立马删除。解法不唯一，如有新解法可一同讨论。 1.题目 0004寻找两个正序数组的中位数给定两个大小分别为m和n的正序（从小到大）数组nums1和nums2。请你找出并返回着两个正序数组的中位…...

编程日记 2023/6/11 6:28:30

Vue.js 中的 $emit 和 $on 方法有什么区别？

Vue.js 中的 $emit 和 $on 方法有什么区别？ 在 Vue.js 中，$emit 和 $on 方法是两个常用的方法，用于实现组件间的通信。它们可以让我们在一个组件中触发一个自定义事件，并在另一个组件中监听这个事件，从而实现组件间的…...

编程日记 2023/6/11 6:23:29

LAZADA平台的商品评论Python封装API接口接入文档和参数说明

LAZADA是一个位于东南亚的电商平台，成立于2012年。该平台覆盖的国家包括新加坡、马来西亚、印尼、菲律宾、泰国和越南等地。它提供了一个多样化的产品选择，包括时尚、美容、数码、母婴等商品，并且拥有许多知名品牌的官方旗舰店。同时&#xf…...

编程日记 2023/6/11 6:18:28

云原生Docker镜像管理

docker是什么？ docker是一个go语言开发的应用容器引擎。 docker的作用？ ①运行容器里的应用； ②docker是用来管理容器和镜像的一种工具。 #容器与虚拟机的区别？ 容器虚拟机所有容器共享宿主机内核每个虚拟机都有独立的操…...

编程日记 2023/6/11 6:13:27

ChatGPT+小红书的8种高级玩法

掌握了这套万能命令，让你快速做出小红书爆款文案! 一、用ChatGPT做定位我是一个大龄的普通人，没有什么特殊的技能，接下来，请你作为一位小红书的账号定位专家，通过与我对话的方式，为我找到我的小红书账号定…...

编程日记 2023/6/11 6:08:26

shell脚本学习记录1（运算符）

Shell 传递参数我们可以在执行 Shell 脚本时，向脚本传递参数，脚本内获取参数的格式为：$n。n 代表一个数字，1 为执行脚本的第一个参数，2 为执行脚本的第二个参数，以此类推…… 以下实例我们向脚本传递三个…...

编程日记 2023/6/11 6:03:25

vector 迭代器失效问题

vector 迭代器失效迭代器的主要作用就是让算法能够不用关心底层数据结构，其底层实际就是一个指针，或者是对指针进行了封装，比如：vector的迭代器就是原生态指针T* 。因此迭代器失效，实际就是迭代器底层对应指针所指向…...

编程日记 2023/6/11 5:58:24

docker使用与服务器上的可视化（ROS rviz等）

1.安装docker 安装docker：官网教程，按照官网命令一步步来即可。添加当前用户到docker用户组： 【docker】添加用户到docker组，这样后面运行docker的时候前面不需要加sudo命令，否则运行docker的时候一直需要在前面加su…...

编程日记 2023/6/11 5:53:23

仓储WMS对接淘宝奇门详细说明【亲测可用】

文章目录简介名词解释奇门对接方案前期准备系统调用流程代码实现思路关键点(个人观点)奇门对接关键代码可能遇到的问题简介淘宝奇门项目支持 ERP、WMS 之间的系统标准化对接，通过构建 ERP、WMS 系统之间标准通信协议来实现不同系统之间的打通；对商家…...

编程日记 2023/6/11 5:43:20

RFID软件：简介、功能和应用范围

在当今快节奏的商业环境中，RFID（射频识别）技术已经成为物流、供应链和库存管理等领域中不可或缺的工具。本文将向您介绍RFID软件的基本知识，探讨其功能和广泛应用的范围。第一部分：RFID软件简介 RFID软件是一种应用…...

编程日记 2023/6/11 5:38:19

Android 逆向之安全防护基本策略

对抗反编译混淆使用混淆主要可以减小包的大小。混淆对于安全保护来说，只是增加了阅读难度而已。混淆不会把关键代码混淆掉，比如MainActivity，Application等，可以通过分析smali和阅读jar包定位代码。资源混淆也是换汤不换药&…...

编程日记 2023/6/11 5:33:18

基站机房：保障通信网络稳定，如何解决安全隐患？

基站机房作为无线通信网络的关键组成部分，承载着大量的网络设备和通信设施，对于运营商和通信服务提供商来说具有重要意义。无论是大型运营商还是通信服务提供商，动环监控系统都将成为他们成功运营和管理通信网络的关键工具。客户案例案例…...

编程日记 2023/6/11 5:28:17

sqlmap -os-shell 使用方法

一、burp suite抓包。如上图所示，红框处很明显是一个传参点，我们就在这个页面抓包。抓到包之后将内容保存到桌面的1000.txt文件下。二、sqlmap跑包。打开sqlmap跑包。 python sqlmap.py -r C:\Users\16434\Desktop\1000.txt -dbmsmysql --os-shell…...

编程日记 2023/6/11 5:23:16

Go语言并发之Select多路选择操作符

1、Go语言并发之Select多路选择操作符 select 是类 UNIX 系统提供的一个多路复用系统 API，Go 语言借用多路复用的概念，提供了 select 关键字，用于多路监听多个通道。当监听的通道没有状态是可读或可写的，select 是阻塞的&#…...

编程日记 2023/6/11 5:18:15

黄金回收小程序开发功能有哪些？

一、用户端： 1、实时查询：通过对接三方接口实现实时金价动态查看； 2、多种类珠宝实时回收：小程序支持多品类珠宝的实时回收包含黄金饰品、金条、铂金、K金、白银等，同步实现价格实时更新； …...

编程日记 2023/6/11 5:13:14

nginx的详解与应用

前言说明要义 nginx 有一个master 进程和多个worker 进程。主进程的主要目的是读取和评估配置，以及维护工作进程。工作进程对请求进行实际处理。nginx 采用基于事件的模型和依赖于操作系统的机制在工作进程之间有效地分发请求。工作进程的数量在配置文件中定义…...

编程日记 2023/6/11 5:08:13

SpringBoot激活profiles的几种方式

多环境是最常见的配置隔离方式之一，可以根据不同的运行环境提供不同的配置信息来应对不同的业务场景，在SpringBoot内支持了多种配置隔离的方式，可以激活单个或者多个配置文件。激活的profiles要在项目内创建对应的配置文件，格式…...

编程日记 2023/6/11 5:03:12

【Java】Java核心要点总结：58

文章目录 1. java中怎么确保一个集合不能被修改2. 队列和栈是什么有什么区别3. Java8开始的ConcurrentHashMap为什么舍弃了分段锁4. ConcurrentHashMap 和 Hashtable有什么区别5. ReadWriteLock和StampeLock 1. java中怎么确保一个集合不能被修改 Java 中可以使用 Collectio…...

编程日记 2023/6/11 4:58:11