vue3与vue2的区别

本文探讨了Vue3中Proxy的使用以替代defineProperty实现数据响应式,重构虚拟DOM及Tree-Shaking,以及组合式API的应用。此外,文章还关注了新版本的生命周期变化、性能优化(初次渲染快55%,更新渲染快133%)和内存消耗的显著降低(减少41%和54%)。
摘要由CSDN通过智能技术生成

1.vue3使用Proxy代替defineProperty:实现数据响应式

2.vue3重写虚拟DOM的实现和Tree-Shaking

3.vue3使用Composition APl::组合式api

4.vue3编译器的优化

5.生命周期

● beforeCreate -> 使用 setup()
● created -> 使用 setup()
● beforeMount -> onBeforeMount
● mounted -> onMounted
● beforeUpdate -> onBeforeUpdate
● updated -> onUpdated
● beforeDestroy -> onBeforeUnmount
● destroyed -> onUnmounted
● errorCaptured -> onErrorCaptured

6.打包大小减少41%

7.初次渲染快55%,更新渲染快133%

8.内存减少54%

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值