什么是 Stream UI?
Stream UI 是一个 Vue 3 渲染引擎,专为处理 LLM 流式输出中的类 XML 标签而设计。
核心能力
- 标签拦截:将
<think>、<code>或自定义标签映射为 Vue 组件 - 增量渲染:文本流边到达边渲染,无需等待完整输出
- 状态追踪:通过
isClosed感知标签是否已闭合,区分"正在输出"和"已完成" - 结构化数据:通过
v-model:data实时获取所有已解析区块的结构化信息 - 组件交互:子组件可通过
reportData将交互数据回传至父级
适用场景
- AI 聊天界面中展示模型的思考过程(
<think>) - 流式输出中的代码块、公式、交互组件的实时渲染
- 需要从流式文本中提取结构化状态的场景