前端开发者必备的 Vue 转 React 编译工具 VuReact 迎来 v1.6.0 版本更新!本次版本重点强化 Vue3 转 React 类型安全与转换稳定性,正式支持 Vue useAttrs 自动转 React Props,同时完善 SFC 元数据收集、修复模板迁移、TS 类型、注释冲突等多项关键问题,让 Vue 项目无痛迁移到 React 生态更高效、更可靠。
✨ 新增能力拉满
1. SFC 元数据精准收集:编译解析阶段就能自动收集 props、emits、options 等元数据,让组件信息更清晰;
2. useAttrs 智能转换:Vue 的 useAttrs() 无缝转为 React props,TS 环境下自动断言为 Record 类型,还能隔离原有 props 类型提示,避免类型混乱;
3. TS 交叉类型自动支持:使用 useAttrs 时,自动给 props 追加 Record 交叉类型,保证类型完整性,再也不用手动补类型啦。
🐞 修复顽固问题
- 解决 import 注入和顶部注释位置冲突的问题,注释与导入语句完美对齐;
- 修复带特定指令的
<template> 节点迁移错误,以及 <template> 节点 :key 未正确转移到首个子节点的问题;
- 修正 SFC 顶层 TS 类型声明中,函数字段被误转为
ReactNode 的类型错误。
🚀 底层体验优化
重构了脚本元数据收集逻辑,采用模块化设计,大幅提升编译器的可维护性和扩展性,为后续功能迭代打下坚实基础。
如果你正在做 Vue3 项目迁移 React、需要 Vue SFC 批量转 TSX,VuReact v1.6.0 会大幅降低改造成本,提升转换成功率。欢迎升级体验,让 Vue 转 React 更丝滑!
🔗 相关资源