Vue3和Vue2的区别

Vue3对比Vue2,主要改进包括更轻量、更快,引入了组合式API和setup语法,以及使用ref和reactive进行响应式管理。Vue3的双向绑定利用了Proxy实现,生命周期也有所调整,整体开发体验得到提升。
摘要由CSDN通过智能技术生成

        vue经历从2.0到3.0更新之后,简⽽⾔之就是变得更轻,更快,使⽤起来更加⽅便,每⼀次的版本迭代都是对上⼀个版本的升级优化,不管 是对于我们开发者还是对于⽤户体验都是不断地在越来越⽅便, 

选项式Api与组合式Api

vue2:选项式API

vue3: 组合式API 

选项式Api是将data和methods包括后面的watch,computed等分开管理,而组合式Api则是将相关逻辑放到了一起(类似于原生js开发)。

setup语法糖则可以让变量方法不用再写return,后面的组件甚至是自定义指令也可以在我们的template中自动获得。

ref 和 reactive

在vue2中,data函数中的数据都具有响应式

Vue3引入了refreactive函数来将使得变量成为响应式的数据

双向绑定 

 vue2 的双向数据绑定是利⽤ES5 的⼀个 API ,Object.definePropert()对数据进⾏劫持 结合 发布订阅模式的⽅式来实现的

vue3 中使⽤了 es6 的 ProxyAPI 对数据代理,通过 reactive() 函数给每⼀个对象都包⼀层 Proxy,通过 Proxy 监听属性的变化,从⽽ 实现对数据的监控。

生命周期

 

文章参考:

 想知道Vue3与Vue2的区别?五千字教程助你快速上手Vue3! - 掘金

Vue2.0和Vue3.0的区别 - 掘金

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值