说明
☣️ 本章节是高级实验内容。请先完成入门与进阶章节再阅读。
什么是“心灵控制”
旨在让开发者能在 Vue 与 React 两种心智模型之间自如切换。VuReact 作为 心灵控制塔,提供了同时驾驭 Vue 与 React 两种编程范式的能力:
- 写 Vue 语义时,遵循 Vue 的数据流和编译约定。
- 写 React 语义时,严格遵守 React Hook 规则和组件规范。
- 在同一文件中混写时,清楚知道每一段代码属于哪种心智模型。
为什么要先警示
若长期受单一心智模型“控制”,混写代码极易失控:
- Vue 区域写出不可分析表达式,编译器难以稳定转换。
- React 区域违反 Hook 顶层规则,运行期直接报错。
- 事件与状态边界混乱,后续维护成本急剧上升。
前置要求
- 熟悉 Vue 3(
script setup、响应式、插槽、组件通信)。 - 熟悉 React(Hooks、依赖数组、受控组件、生态接入)。
- 能主动进行“语义分区”,不把两套规则混成一套。
最重要的一条规则
混写不是“乱写”。
混写的前提是:你可以在任意时刻切换并保持两套规范都正确。
