vue2和vue3的区别_vue 3 vue 2-程序员宅基地

技术标签: 前端  vue.js  javascript  

以下总结了vue2和vue3之间几点重大的区别:

一、Composition API

这是vue2.x和vue3.x之间最大的区别。Vue2使用选项类型API(Options API)相比之下,Vue3使用合成型API(Composition API)。

二、vue2和vue3双向数据绑定原理发生了改变

vue2 的双向数据绑定是利用ES5 的一个 API Object.definePropert()对数据进行劫持 结合 发布订阅模式的方式来实现的。
vue3 中使用了 es6 的 ProxyAPI 对数据代理。

三、Vue3支持碎片(Fragments)

就是说在组件可以拥有多个根节点。

四、建立数据

Vue2 - 这里把数据放入data属性中。
在Vue3.0,我们就需要使用一个新的setup()方法,此方法在组件初始化构造的时候触发。

五、生命周期钩子不同 — Lifecyle Hooks

Vue2--------------vue3
beforeCreate  -> setup()
created       -> setup()
beforeMount   -> onBeforeMount
mounted       -> onMounted
beforeUpdate  -> onBeforeUpdate
updated       -> onUpdated
beforeDestroy -> onBeforeUnmount
destroyed     -> onUnmounted
activated     -> onActivated
deactivated   -> onDeactivated

六、父子传参不同

七、vue3新增了Teleport瞬移组件

好啦,以上就是vue2.x和vue3.x之间几点重大的区别,感谢阅读。关注我,为你带来更多有用的前端知识。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/guoxuying/article/details/125601454

智能推荐

用matplotlib画散点图,并为每个点,每个坐标轴添加标签,_matplotlib散点图每个点标签-程序员宅基地

文章浏览阅读588次。【代码】用matplotlib画散点图,并为每个点,每个坐标轴添加标签,_matplotlib散点图每个点标签

随机森林、数据集划分、准确率、混淆矩阵(Python实现)_机器学习随机森林预测溶解度得出混淆矩阵-程序员宅基地

文章浏览阅读6.3k次,点赞7次,收藏49次。目录0 今日目标1 随机森林(RandomForestClassifier)1.1 案例11.2 案例22数据集划分(train_test_split)3 准确率 (accuracy_score)4混淆矩阵 (confusion_matrix )4.1混淆矩阵4.2 举例说明4.3 参数说明4.4 案例致谢0 今日目标from sklearn.ensemble import RandomForestClassifier #随机森林..._机器学习随机森林预测溶解度得出混淆矩阵

【网络文摘】李喆:程序员到底怎么了-程序员宅基地

文章浏览阅读82次。我们是这样的一群人:每天都在“努力”的工作着,每天都和计算机打交道,泡在网上,打游戏,查资料,发微博。可是有一天,突然意识到,我们的未来在哪里,每个月那点可怜的工资,一年加起来也买不了几平米,找个女朋友也那么难,即使找到了,她还总是跟你说,为什么别人挣的都比你多,你每天不停的写着代码,每天不停的掉头发,每天都在发呆的想那“不远”的未来。他们管我们叫“码农”,我们管自己叫“程序员”,出差的..._李喆计算机

如何使用加密sqlite数据库_sqlite 加密-程序员宅基地

文章浏览阅读2.6k次。如何使用加密sqlite数据库,起始有开源的sqlcipher可以去开源网站搜索一下,如码云,github等,那么如何编译呢,这是我的虚拟机版本和 config参数然后就会生成Makefile直接make即可生成sqlcipher可执行程序,就是生成的,那么如何使用呢,其实他和sqlite3的使用一模一样,只是多了一个设置密码的命令,我掩饰一下,比如此时他和sqlite3使用是一样的,是明文的数据库,我们可以用sqlite3打开看一下那么怎_sqlite 加密

Python拿取nmap扫描的结果并存在csv文件中-程序员宅基地

文章浏览阅读473次。模块来将结果写入CSV文件的方法。模块来执行nmap命令,并使用。

搭建V2P及中青看点教程_v2p如何安装boxjs-程序员宅基地

文章浏览阅读2.4w次,点赞6次,收藏74次。V2P及中青看点教程_v2p如何安装boxjs

随便推点

ISIS 防环机制分析_is——is协议防环机制-程序员宅基地

文章浏览阅读6k次,点赞5次,收藏29次。通过实验来分析ISIS防环机制:实验拓扑:实验验证:ATT置位默认路由分析Level-2路由泄露到Level-1区域,LSP的Up/Down置位的作用验证分析:在R2上查看ISIS的LSDB:[R2]dis isis lsdb Database information for ISIS(1) ..._is——is协议防环机制

ViSP学习笔记(十):自动阈值划分_intermodes阈值分割-程序员宅基地

文章浏览阅读383次。开发环境:Ubuntu 18.04 LTS + ROS Melodic + ViSP 3.3.1文章内容主要参考ViSP官方教学文档:https://visp-doc.inria.fr/doxygen/visp-daily/tutorial_mainpage.html  本文主要介绍了如何使用ViSP自动设定阈值对图像进行二值化处理,主要涉及Huang、Intermodes、Isodata、Mean、Otsu、Triangle等自动阈值划分算法。本文主要参考了imgproc中的 tutorial-._intermodes阈值分割

海康Visionmaster-VM2D,VM3D,VM深度学习对电脑配置要求_海康vm安装-程序员宅基地

文章浏览阅读1.4k次。海康Visionmaster-VM2D,VM3D,VM深度学习对电脑配置要求_海康vm安装

CSS实现渐变色边框,动画效果_css 边框渐变-程序员宅基地

文章浏览阅读7.2k次,点赞4次,收藏11次。以上是CSS实现渐变色边框的5种方法,可以根据需要选择和应用不同的方法。_css 边框渐变

【技巧】Latex在线工具:公式编辑器、表格编辑器_latex表格在线编辑-程序员宅基地

文章浏览阅读3.5k次,点赞2次,收藏4次。在线工具就是方便!_latex表格在线编辑

解决编译时出错提示: 'error: array must be initialized with a brace-enclosed initializer' 的错误...-程序员宅基地

文章浏览阅读2w次,点赞2次,收藏7次。编译出现这个错误的原因非常简单编译的标准不相同。如果用stdc90,这个就可以直接编译通过了。下面是代码例子:......char cmd[256] = NULL;或者 :char cmd[256] = '\0';...............如果用C写这个代码,编译是没有问题的。但是用C++写的,就会出现问题了。编译会提示:In membe..._array must be initialized with a brace-enclosed initializer

推荐文章

热门文章

相关标签