Vue学习笔记(4. 生命周期)

news/2024/12/5 11:41:00/

1. 生命周期写法(vue2与vue3比对)

创建前:vue3 setup, vue2 beforeCreate  //组件创建前执行的函数

创建后:vue3 setup, vue2 created  //组件创建后执行的函数

挂载前:vue3 onBeforeMount, vue2 beforeMount  //挂载数据前执行的函数

挂载后:vue3 onMounted, vue2 mounted  //挂载数据后执行的函数

更新前:vue3 onBeforeUpdate, vue2 beforeUpdate  //绑定的数据更新前执行

更新后:vue3 onUpdated, vue2 updated  //绑定的数据更新后执行

销毁前:vue3 onBeforeUnmount, vue2 beforeDestroy  //组件销毁前执行

销毁后:vue3 onUnmounted, vue2 destroyed  //组件销毁后执行

注释:beforeCreate 函数无法读取data的数据(因为还没创建)

注释:created 函数可以读取data数据,无法读取页面的数据(因为创建了,还没挂载)

注释:mounted 函数可以读取挂载的页面数据。

2. vue3支持vue2的写法

vue3函数优先级高于vue2函数

 注释:vue3不支持vue2的销毁(beforeDestroy, 和 destroyed)写法


http://www.ppmy.cn/news/44766.html

相关文章

算法时间复杂度计算

目录 1.时间复杂度计算 1.1 时间复杂度例题 1.1.1例题 1.1.2例题 1.1.3例题 1.1.4例题 1.2时间复杂度leetcode例题 1.时间复杂度计算 首先,我们需要了解时间复杂度是什么:算法的时间复杂度是指算法在编写成可执行程序后,运行时需要耗费…

Java Menu

基本数据类型 Read More 【待重构】java,ruby,mysql 数据类型 运算符 对照学习笔记 和 equals 区别是什么? hashCode() 和 equals() 的关系List.equals和CollectionUtils.isEqualCollection的区别equals、Objects.equals、Objects.deepEquals区别和联系 Java三大特性…

MATLAB 不同格式点云文件的读取与显示(1)

不同格式的点云文件读取与显示(1) 一、背景介绍1.点云数据结构2.文件格式介绍2.1.ply文件2.2.pcd文件2.3.las文件2.4.txt文件二、不同格式文件读取与显示1.ply格式文件2.pcd格式文件3.txt格式文件三、其他操作1.修改显示背景色2.添加图例的显示3.improtdata(teapot.txt)报错一…

联诚发携多款创新产品及解决方案惊艳亮相ISLE 2023展!

这里写自定义目录标题4月7日-9日,ISLE 2023国际智慧显示及系统集成展览会在深圳国际会展中心(宝安新馆)隆重举行。来自全球各地1000余家企业参与展出,展出面积达8万㎡,吸引了众多业内专家、企业家以及广大观众前来观看…

API 接口应该如何设计?如何保证安全?如何签名?如何防重?

说明:在实际的业务中,难免会跟第三方系统进行数据的交互与传递,那么如何保证数据在传输过程中的安全呢(防窃取)?除了https的协议之外,能不能加上通用的一套算法以及规范来保证传输的安全性呢&am…

电子招标采购系统:营造全面规范安全的电子招投标环境,促进招投标市场健康可持续发展

营造全面规范安全的电子招投标环境,促进招投标市场健康可持续发展 传统采购模式面临的挑战 一、立项管理 1、招标立项申请 功能点:招标类项目立项申请入口,用户可以保存为草稿,提交。 2、非招标立项申请 功能点:非招标…

ubuntu_修改libc.so.6 或者 libm.so.6的软链接导致sudo ls 等命令失效的解决方法

1. 背景 运行一个binary 应用程序, 提示报错: /lib/x86_64-linux-gnu/libm.so.6: version GLIBC_2.27 not found (required by 我的应用程序string 里一下符号标, 确实没有然后下载了一个 glibc-2.27, 安装到 usr/local/下, 并将 libm-2.27.so 和 libc-2.27.so 复制到 /lib/x8…

谷歌发布Self-Debug方法,让大模型学会自己修bug,一次性生成正确代码

文 | 智商掉了一地你有没有想过,让一台计算机诊断和修复自己生成的错误代码?一篇最新的研究论文介绍了一种名为 Self-Debugging 的技术,通过在生成的代码中添加自解释的信息,让计算机像一个可以自己修复代码的程序员一样调试自己的…