Vue2与Vue3的区别?【汇总】

1 Performance 性能提高了

  • 重写了虚拟DOM的实现,基于@vue/compiler-sfc编译视图,跳过静态节点的处理,只处理动态节点,让视图更新的性能提高1.3~2倍

2 采用webpack中的Tree shaking,把用不到的模块直接剪辑掉,打包的时候不打包,这样让打包更快,体积更小
3 支持了Fragment 空文档标记,允许视图中出现多个根节点,减少了HTML的层级嵌套
4 提供Teleport内置组件,可以把视图中指定内容渲染到除#app以外的其它容器中「传送门」
5 提供了Suspense内置组件,可以调用异步组件
6 更好的支持TS
7 可以把视图中的内容做为canvas画布中的内容去渲染,不仅仅都是渲染为HTML标签,能够更好的支持绘图和webGL...
8 把options api 替换为 Composition Api,以后所有的操作都聚合在setup函数中
9 使用的是函数式编程:用到的东西都是从vue中解构出来的各种函数,不支持 import Vue from 'vue';

10 重构响应式原理

vue2中基于Object.defineProperty实现数据劫持

vue3中基于ES6的Proxy实现数据劫持


面试答题:之前Vue3刚发布的时候,我听过尤大大的讲座,它里面呢,大概的区别的介绍呢,我记得有这几条,(挑几个重点的,分类来讲),第一个从性能上来讲的话,vue3比vue2更好,因为重写了虚拟DOM,跳过了静态节点打包,让性能提高了1.3~2倍;它利用webpack的tree sharking可以让无用的模块不打包,让打包的速度更快,打包体积更小。

性能相关的:1/2/10

语法相关的:8/9/3/6

新增一些功能:4/5/7

我再想想,貌似就这些了,我现在能想到的就是这些了

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值