你刚刚看到的是什么？

Landing Demo 的快速回顾

在 Proto UI 官网首页的 Demo 中，你可以在 React、Vue、Web Component 等不同框架之间切换，而组件的交互行为保持完全一致。

这不是视觉模拟，也不是简单的样式切换。
每一次切换，都会重新加载对应框架的运行时环境。

你看到的，不是三份组件实现，而是同一份交互定义，在不同宿主中被执行。

如果你还没有体验首页 Demo，建议先回到首页看一眼。
它不是阅读本文的前置条件，但会帮助你更快理解 Proto UI 到底在展示什么。

这些组件是怎么来的？

你可以先把 Proto UI 理解成一种组合关系：

比如，你可以：

同样的 Prototype，也可以和别的 Adapter 组合，得到 Vue 或 Web Component 里的实现。

这一页先记住这件事就够了：

Proto UI 不是把现成组件在不同框架中复制一份，而是把组件拆成“定义”和“实现”两部分，再在不同宿主中重新组合。

这不只是“同一个组件跑在多个框架里”。

更重要的是，Proto UI 将原本绑定在具体实现中的交互语义抽离出来，让它先以 Prototype 的形式存在，再由 Adapter 在不同宿主中解释。

跨端只是这个模型的一个结果，而不是它的目的。