Skip to content

VARO / REGISTRY-FIRSTVue 3 + Wevu 的双端移动 UI Registry

面向同时交付 H5 与微信小程序的产品团队。按目标复制可编辑源码,保留各端原生渲染,并共享稳定的行为契约与 WeChat-green 主题。

H5 与 Weapp Registry 的目标安装命令,以及 H5 Live、Weapp Contract Preview 和 Weapp DevTools Verified 证据标签

Registry-first 开始路径 ​

Varo 是跨运行时组件系统的生产底座,但默认交付不是一套浏览器抽象:选择目标,复制源码,然后在 Vue 3 或 Wevu 工程中继续封装。

小程序 Blocks ​

把常用业务做成可复制资产

Varo 的 Blocks 面向 H5 与小程序高频场景:订单、电商、生鲜到家、SaaS 审批、会员权益、门店补货、支付确认和账户安全都可以沉淀成可复用页面切片,而不是只展示孤立组件。

  • 按目标安装到业务项目,组件和依赖关系保持可检查
  • H5 与小程序保留相同交互语义和 WeChat-green 视觉 token
  • 安装后的源码属于产品团队,可直接继续业务封装
pnpm dlx @varo-ui/cli add \
  --target weapp blocks/profile-edit
9:41WeApp
订单详情Varo Registry · Wevu native
履约信息配送中 · 预计 18:30 送达
地址
发票
客服
售后
支付摘要微信支付 · ¥128.00
首页订单我的

双端边界与证据 ​

Registry contract v0.2以下数据直接读取 Registry contract,不在首页维护第二份计数。
61H5 Runtime
62H5 Registry
53Weapp Registry
52Weapp Native SFC

DevTools 验证的 Base Kit · 15avatarbadgebuttoncardcheckboxemptyiconimageinputinput-numberloadingprogressselectswitchtag

51 个高共识 Weapp 组件族map · region-picker

安装后的技术边界 ​

Registry Source

拥有组件、主题、工具和 Blocks 源码;这是产品团队的默认接入面。

Target Runtimes

Vue 3 负责 H5 DOM,Wevu 与 weapp-vite 负责原生 WXML/WXSS。

Behavior Contracts

Primitives 沉淀受控状态与可访问交互,作为需要下钻时的技术路径。

Agent Core

按需提供事件协议、流式传输和安全 Markdown 能力,不改变 UI target 边界。