转换总览
这一章回答主要说明:
Vue 写法在 VuReact 下会被编译成什么 React 写法。
为什么是“语义对照”
- 内部实现会演进,文件路径和分层可能变化
- 但“输入语义 -> 输出语义”的规则更稳定
- 对业务开发者来说,最重要的是“我这样写,最后会变成什么”
如何阅读本章
- 先看 Vue 输入片段
- 再看 React 输出片段(简化示意)
- 关注每组下方的关键说明和约束
说明:示例为典型输出,最终代码以本地编译产物为准。
三条核心判断标准
- 语义尽量等价:尽可能保持原有业务行为
- 可分析优先:输入必须能被静态分析
- 遵守 React 规则:输出要满足 Hook 与组件约束
一个高频细节
Vue 模板里使用 ref 时通常不写 .value,但生成后的 React 代码里,VuReact 会自动补为 .value 访问。这是模板表达式转换中的默认行为,用于保持语义一致并保证输出可运行。
