Skip to content

说明

☣️ 本章节是高级实验内容。请先完成入门与进阶章节再阅读。

什么是“心灵控制”

旨在让开发者能在 Vue 与 React 两种心智模型之间自如切换。VuReact 作为 心灵控制塔,提供了同时驾驭 Vue 与 React 两种编程范式的能力:

  1. 写 Vue 语义时,遵循 Vue 的数据流和编译约定。
  2. 写 React 语义时,严格遵守 React Hook 规则和组件规范。
  3. 在同一文件中混写时,清楚知道每一段代码属于哪种心智模型。

为什么要先警示

若长期受单一心智模型“控制”,混写代码极易失控:

  1. Vue 区域写出不可分析表达式,编译器难以稳定转换。
  2. React 区域违反 Hook 顶层规则,运行期直接报错。
  3. 事件与状态边界混乱,后续维护成本急剧上升。

前置要求

  1. 熟悉 Vue 3(script setup、响应式、插槽、组件通信)。
  2. 熟悉 React(Hooks、依赖数组、受控组件、生态接入)。
  3. 能主动进行“语义分区”,不把两套规则混成一套。

最重要的一条规则

混写不是“乱写”。

混写的前提是:你可以在任意时刻切换并保持两套规范都正确。

本分组阅读顺序

  1. 可控混写
  2. 彻底暴走

Released under the MIT License