Vue3.0有什么更新——前端面试
创始人
2024-11-16 18:06:54

1、监测机制改变

        · 带来基于代理proxy的observer实现,提供全语言覆盖的反应性跟踪

        · 消除 Vue2中 基于Object.defineProperty的实现  所存在的许多限制

2、只能监测属性,不能监测对象

        · 检测属性的 添加和删除

        · 检测 数组索引和长度的变更

        · 支持 Map、Set 、WeakMap 、WeakSet

3、模板

        · 作用域插槽 : 2.x 的机制导致作用域插槽变了,父组件会重新渲染; 3.0将作用于插槽改成函数的方式,这样只影响子组件的重新渲染,提升渲染的性能

        · render函数方面: vue3.0 一系列更改 方便开发者 直接使用APL 生成虚拟DOM 

4、对象式组件声明方式

        · vue2.0 通过传入一系列option声明组件, 与ts结合(TypeScript)结合麻烦

        · vue3.0 修改声明方式,改成类式写法,与ts结合容易

5、其他方面

        ·  支持自定义渲染器。weex能通过自定义渲染器途径进行扩展,不必采取直接对源码进行分叉修改的方式。

支持自定义渲染:打个比方,这就好比原本要改造一个房子,得把整个房子的结构大改(直接 fork 源码来改),现在有了新办法,只需要根据自己的需求专门打造一些特殊的部件(自定义渲染器)来实现,方便又灵活。

        · 基于tree shaking优化,更多内置功能

        · 支持 Fragment(多个根节点)和 Protal(在 dom 其他部分渲染组建内容)组件,针对一些特殊的场景做了处理。

这段文本说的是支持 Fragment(可以有多个根节点)和 Portal(能在 DOM 的其他部分渲染组件内容)这两种组件,并且针对某些特殊的场景进行了相应的处理。

打个比方,就像我们在搭建一个建筑结构,Fragment 让我们可以在一个地方放置多个主要的支撑部分,而 Portal 则允许我们把特定的部分放到建筑的其他位置去展示。这样能更好地应对一些特殊的建筑设计需求,让整个结构更加灵活和多样化。

 

相关内容

热门资讯

裸辞做“一人公司”,我后悔了 去年这个时候,一位以色列程序员正在东南亚旅行。他顺手把一个在脑子里转了很久的想法做成了产品,一个让任...
南京建成国内首个Pre-6G试... 4月21日,2026全球6G技术与产业生态大会在南京开幕。全息互动技术展台前,一名远在北京的工作人员...
超梵求职受邀参加“2025抖音... 超梵求职受邀参加“2025抖音巨量引擎成人教育行业生态大会”,探讨分享优质内容传播,服务万千学员。 ...
摩托罗拉Razr 2026(R... IT之家 4 月 22 日消息,摩托罗拉宣布新一代 Razr 折叠手机将于 4 月 29 日在美国发...
库克卸任,特纳斯领航:苹果新纪... 苹果首席执行官蒂姆·库克将卸任,硬件工程主管约翰·特纳斯将接任,苹果公司今天宣布此事。 库克将在夏季...