前端圈一直在找稳定、生产可用、TypeScript 友好的 Vue3 → React 迁移方案，今天 VuReact 带来了 v1.6.0 重磅更新，直接补齐 useAttrs 转换、SFC 元数据、TS 交叉类型三大能力，同时修复一批影响迁移稳定性的关键问题。
对于正在做Vue 项目迁移 React、Vue SFC 批量转 TSX 的同学，这一版非常建议升级！
🚀 版本亮点速览
- 支持
useAttrs()自动转 React Props，TS 类型自动推导 - SFC 解析阶段直接收集 props/emits/options 元数据
- TS 交叉类型自动增强，类型完整性拉满
- 修复
<template>迁移、:key传递、注释冲突、类型误转等核心问题 - 底层架构重构，更易维护、更易扩展
✨ 三大新增能力
1. SFC 元数据收集
编译解析阶段自动采集：
- props
- emits
- options
组件信息更透明，为后续智能转换打下基础。
2. useAttrs 智能转换（重点）
Vue useAttrs() → 直接映射为 React props
- TS 环境自动断言为
Record类型 - 隔离原有 props 类型提示
- 不会污染组件 Props 类型定义
3. TS 交叉类型支持
使用 useAttrs 时，自动为 props 追加 Record 交叉类型，无需手动写类型，保证完整推导。
🐞 关键问题修复
- 修复 import 注入与顶部注释位置冲突，导入与注释对齐更规范
- 修复带特定指令的
<template>节点错误迁移 - 修复
<template>节点:key未正确转移到首个子节点 - 修复 SFC 顶层 TS 类型声明中，函数字段被误转为
ReactNode
🛠 架构优化
重构脚本元数据收集逻辑，全面模块化：
- 可维护性大幅提升
- 扩展性更强
- 后续新功能迭代更快更稳
🔧 适合谁用？
- 正在做 Vue3 → React 项目迁移
- 需要 Vue SFC 批量转 TSX
- 追求 TypeScript 零报错
- 想要渐进式、低风险迁移
🔗 项目资源
- 官方文档：vureact.top
- 更新日志：vureact.top/guide/chang…
- GitHub：github.com/vureact-js/…
- Gitee：gitee.com/vureact-js/…
- npm：www.npmjs.com/package/@vu…
如果你也在做 Vue 转 React，不妨试试 VuReact v1.6.0，一键编译、类型安全、生产可用。
欢迎在评论区交流你的迁移方案～
