每天一道前端面试题系列(1):与Vue 2相比,Vue 3有哪些新特性?

2022-11-30 0 592

Vue3.0改良主要就在几点:

更快

○ 交互式DOM改写

■ 期盼更多的校对时提示信息来增加运转时开支,采用更有效率的标识符来建立交互式结点。模块加速方向+一般而言初始化+子结点类别检验

● 埃唐佩县无谓的前提组成部分

● JS引擎更容易强化

○ 强化slots的聚合

■ vue3中能原则上再次图形父级和子级

● 保证示例恰当的追踪倚赖亲密关系

● 防止无谓的兄弟二人模块再次图形

○ 动态树提升

■ 采用动态树提升,这意味著 Vue 3 的校对器将能检验到甚么是动态的,接着将其提升,进而增加了图形生产成本。

● 埃唐佩县修整土蜜,进而增加图形生产成本

● 即便数次再次出现也能恒定组织工作

○ 动态优点提升

采用动态优点提升,Vue 3短果时将埃唐佩县那些优点不能发生改变的结点。

○ 如前所述Proxy的积极响应式控制系统

Vue 2的积极响应式控制系统采用 Object.defineProperty 的getter 和 setter。Vue 3 将采用 ES2015 Proxy 做为其检视监督机制,这将会增添如下表所示变动:

● 模块示例初始化的速率提升100%

● 采用Proxy节约从前三分之一的缓存开支,埃皮纳勒区,但存在低浏览器版本的不兼容

● 为了继续支持 IE11,Vue 3 将发布一个支持旧观察者监督机制和新 Proxy 版本的构建

更小

● 通过摇树强化核心库体积。Vue 2将大量的 API 挂载在 Vue 对象的原型上,难以实现 TreeShaking。

更容易维护:TypeScript + 模块化

● Vue 3 将增添更可维护的源标识符。它不仅会采用 TypeScript,而且许多包被解耦,更加模块化。

更加友好

● 跨平台:C++核心和运转时核心与平台无关,使得Vue更容易与任何平台(Web、Android、iOS)一起采用

更容易采用

改良的TypeScript支持,编辑器能提供强有力的类别检查和错误及警告。Vue 2将所有优点都放在了 this 对象上,难以推倒模块的数据类别

○ 更好地调试支持

○ 独立的积极响应化模块

○ Composition API

Vue 3 的 Template 支持多个根标签,Vue 2 不支持

Vue3中,Mixin不再推荐采用,filters已经被遗弃

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务