最近总有人问:Vue 4 相比 Vue 3 改了啥? 先泼冷水:Vue 4 还没正式发布,尤雨溪也说过暂无 Vue 4 计划。 真正发生的是:Vue 3.x… · @mrzhiji · TwKit
@mrzhiji
最近总有人问:Vue 4 相比 Vue 3 改了啥? 先泼冷水:Vue 4 还没正式发布,尤雨溪也说过暂无 Vue 4 计划。 真正发生的是:Vue 3.x 持续进化,把“Vue 4 级”能力逐步落地。🧵 1/7 最大变化:Vapor Mode 可选编译模式,模板直接编译成精准 DOM 操作,绕开虚拟 DOM。长列表渲染提升 30%–60%,10 万组件挂载约 100ms,包体积更小。可单组件启用,渐进迁移。 2/7 响应式内核:Alien Signals 用新内核替代 Proxy 响应式,复杂 UI 更新最高约 4 倍,内存占用降约 60%,依赖追踪更精准。对 AI / Agent 这类复杂状态管理很友好。 3/7 API 风向:Composition API 成绝对主流 Options API 会保留,但更偏 legacy。新项目、复杂逻辑、组合式封装,基本都会围绕 Composition API 展开。 4/7 异步更简单 按公开规划/讨论,可能支持原生 async setup(),直接 await,不必手动用 Suspense 包裹。异步数据获取逻辑会更顺。 5/7 TypeScript 集成更深 Composition API 和 Composables 的类型推导持续增强,泛型支持更好,复杂逻辑封装更稳,大型项目收益明显。 6/7 架构:分层渲染 普通业务页面继续用成熟虚拟 DOM,保兼容和开发体验;性能敏感组件按需启用 Vapor。不是一刀切重写。 7/7 工具链升级 编译器解析器计划升级到 @babel/parser 8 + ESTree,AST 更标准,更方便和 Oxc 等工具集成。 结论:别干等 Vue 4。关注 Vue 3.6+ 的实验特性,按需在关键组件启用 Vapor,才是更实际的路线。 #Vue #前端 #JavaScript
曝光 25 · 评论 0 · 点赞 0 · 书签 0
查看原帖