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

简述生命周期钩子函数之间的区别

**生命周期钩子钩子函数 ,简单来说就是函数 function 。只不过在在不同的阶段 ,运用的函数不一样。4个阶段 8个钩子函数 ,另外还有3个特殊的。
**

阶段一 :实例创建阶段

1 实例化创建之前 :beforeCreate
2 实例化创建完成 :created

这两个钩子函数 ,都是和实例里面的数据相关。

当你创建一个实例的时候 。数据没有创建之前会触发第一个钩子函数 ,一般我们会用作 loding效果 来缓冲用户效果
当创建实例完成之后 ,一般就是数据的变化,就会触发第二个钩子函数。

**阶段二 :实例挂载阶段 **
3 挂载之前 :beforeMount
4 挂载完成 :mounted

这两个钩子函数,用于实例挂载的解析之前和解析之后 ,并得到解析前后解析后的数据

在实际工作中 mounted这哥钩子函数 用的比较频繁 。

阶段三 :实例更新阶段
5 更新之前 :beforeUpdate
6 更新完成 :updated

这两钩子函数 和页面渲染有关,只有在数据发生更新 ,改变的时候才会触发 ,

不过 在更新之前 只会触发更新的数据,但是页面得不到渲染
在更新完成之后页面的渲染才会触发

阶段四 :实例销毁阶段
7 销毁之前 :beforeDestory
8 销毁之后 :destoryed
这两个钩子和我们的销毁意义不同 ,这里的销毁 跟实例的数据相关 。只是帮=把实例更新数据进行解绑 ,之后的操作便不会在生效 ,并没有把数据销毁 ,也就是说数据还在 ,但是不生效了。

特殊阶段
1 激活 activated
配合keep-alive组件激活调用的
2 暂停 deactivated
在keep-alive组件停用是调用
3 errorCaptured
当子孙组件发生错的时候才会触发。

相关文章:

  • 利用百度LBS做一个小Demo
  • mongodb的操作
  • SQL SELECT基本语句结构
  • node + mongodb客户端
  • node + mongoose
  • Oracle定时值执行存储过程
  • Express生成器
  • 处理文件缓存
  • http模块
  • fs模块
  • fs 流
  • Autohotkey读写ini文件内容
  • 静态资源托管
  • 难道.NET Core到R2连中文编码都不支持吗?
  • 前端和后端接口的实现简述
  • 【剑指offer】让抽象问题具体化
  • Android优雅地处理按钮重复点击
  • - C#编程大幅提高OUTLOOK的邮件搜索能力!
  • HTML5新特性总结
  • Java到底能干嘛?
  • Js基础——数据类型之Null和Undefined
  • Mysql5.6主从复制
  • php面试题 汇集2
  • windows下mongoDB的环境配置
  • 番外篇1:在Windows环境下安装JDK
  • 翻译 | 老司机带你秒懂内存管理 - 第一部(共三部)
  • 机器学习学习笔记一
  • 前端技术周刊 2019-02-11 Serverless
  • 双管齐下,VMware的容器新战略
  • 思维导图—你不知道的JavaScript中卷
  • 详解移动APP与web APP的区别
  • NLPIR智能语义技术让大数据挖掘更简单
  • ​520就是要宠粉,你的心头书我买单
  • ​LeetCode解法汇总2670. 找出不同元素数目差数组
  • ​VRRP 虚拟路由冗余协议(华为)
  • # Python csv、xlsx、json、二进制(MP3) 文件读写基本使用
  • ###C语言程序设计-----C语言学习(3)#
  • #100天计划# 2013年9月29日
  • #LLM入门|Prompt#2.3_对查询任务进行分类|意图分析_Classification
  • #经典论文 异质山坡的物理模型 2 有效导水率
  • $emit传递多个参数_PPC和MIPS指令集下二进制代码中函数参数个数的识别方法
  • (2)MFC+openGL单文档框架glFrame
  • (4)Elastix图像配准:3D图像
  • (附源码)springboot社区居家养老互助服务管理平台 毕业设计 062027
  • (力扣记录)235. 二叉搜索树的最近公共祖先
  • (三) diretfbrc详解
  • (三维重建学习)已有位姿放入colmap和3D Gaussian Splatting训练
  • (十三)Flask之特殊装饰器详解
  • (转贴)用VML开发工作流设计器 UCML.NET工作流管理系统
  • (最优化理论与方法)第二章最优化所需基础知识-第三节:重要凸集举例
  • .NET 8.0 中有哪些新的变化?
  • .NET Core 将实体类转换为 SQL(ORM 映射)
  • .NET Core跨平台微服务学习资源
  • .NET中GET与SET的用法
  • /var/lib/dpkg/lock 锁定问题