vue2和vue3的区别

本文对比了Vue2和Vue3在数据双向绑定上的差异,Vue2利用Object.defineProperty,而Vue3则采用ES6的Proxy进行数据监听。Vue3的Proxy能监听整个对象变化,提升了效率并支持数组监听。此外,Vue3引入了按需引入机制,优化了性能和用户体验。
摘要由CSDN通过智能技术生成

前言
vue经历从2.0到3.0更新之后,简而言之就是变得更轻,更快,使用起来更加方便,每一次的版本迭代都是对上一个版本的升级优化,不管是对于我们开发者还是对于用户体验都是不断地在越来越方便,接下来我会着重于开发者来说一下两个不同版本的区别,

详解
1.vue2.0和3.0的初始化就存在着一定区别,比如vue3.0可以在安装脚手架同时提前安装好一些项目开发必备的插件,并且3.0提供了可视化创建脚手架,可以更加方便的对插件和依赖进行管理和配置,同时两个版本的目录结构也是有些许差别的。

2.在开发过程中两个版本的使用方法虽然在表面上没有太大的一个区别,但是在他的底层方面去看的话区别还是很大的,其中就包括渲染方式,数据监听,双向绑定,生命周期,vue3更精准变更通知,


这里着重说一下关于双向绑定的更新,
vue2 的双向数据绑定是利用ES5 的一个 API ,Object.definePropert()对数据进行劫持 结合 发布订阅模式的方式来实现的。
vue3 中使用了 es6 的 ProxyAPI 对数据代理,通过 reactive() 函数给每一个对象都包一层 Proxy,通过 Proxy 监听属性的变化,从而实现对数据的监控。

这里是引相比于vue2版本,使用proxy的优势如下
1.defineProperty只能监听某个属性,不能对全对象监听
可以省去for in、闭包等内容来提升效率(直接绑定整个对象即可)
2.可以监听数组,不用再去单独的对数组做特异性操作,通过Proxy可以直接拦截所有对象类型数据的操作,完美支持对数组的监听。用

3.另外vue3还新增了一些

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值