Skip to content

转换总览

这一章回答主要说明:

Vue 写法在 VuReact 下会被编译成什么 React 写法。

为什么是“语义对照”

  • 内部实现会演进,文件路径和分层可能变化
  • 但“输入语义 -> 输出语义”的规则更稳定
  • 对业务开发者来说,最重要的是“我这样写,最后会变成什么”

如何阅读本章

  1. 先看 Vue 输入片段
  2. 再看 React 输出片段(简化示意)
  3. 关注每组下方的关键说明和约束

说明:示例为典型输出,最终代码以本地编译产物为准。

三条核心判断标准

  1. 语义尽量等价:尽可能保持原有业务行为
  2. 可分析优先:输入必须能被静态分析
  3. 遵守 React 规则:输出要满足 Hook 与组件约束

一个高频细节

Vue 模板里使用 ref 时通常不写 .value,但生成后的 React 代码里,VuReact 会自动补为 .value 访问。这是模板表达式转换中的默认行为,用于保持语义一致并保证输出可运行。

推荐阅读顺序

  1. Script 对照
  2. Template 对照
  3. 编译约定

Released under the MIT License