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