<script setup lang="ts">
import { QuireMarkdown } from '@quirekit/incremark/vue'
import '@quirekit/incremark/styles.css'
</script>

<template>
  <QuireMarkdown :content="'# Hello\n\n**Markdown**'" />
</template>

查看完整接入指南

试一次流式追加，看看后到的定义怎样补齐前面的链接。

streaming.md已完成

每个片段，都能成为内容

AI 正在生成一份 Markdown 回答。

支持标题、列表与表格
后置定义到达后，前面的引用也会更新

接入方式	同一解析内核
Vue · React	✓

准备好了？从流式接入开始。

看见增量更新

每次插入，树怎样接着变？

依次插入加粗文字、行内代码和一份列表。跟随片段的移动，看看哪一支被替换、哪些对象继续保留。

看算法图与 Incremark 比较了解性能边界

中间插入末尾追加后置引用

真实原文 · 真实 Lezer 树

固定视图

正在载入流程图…

由 QuireKit 流程图绘制与播放 · 1.5 倍 · 固定视图

原文展开为 Lezer 树

一个标题、三个段落。接下来在同一份原文中连续插入，上一轮的结果就是下一轮的起点。

阅读结果

更新前 · 第 1 / 3 次插入

一份旅行计划

第一段：周六上午，我们从车站出发，沿着河边步道走到老街。路上会经过一座石桥、几家早餐店和一片开阔的草地。大家可以慢慢走，顺便拍照，不必赶时间。到达老街后先找一家小店吃早餐，再去旁边的书店看看。这里记录的是已经写好的行程，接下来的修改发生在第二段，不会改变这一段的文字或格式。

第二段：午后去公园散步，然后回到河边喝杯咖啡。

第三段：傍晚从河边回到车站，途中可以买一点面包带回家。如果还有时间，就在广场上坐一会儿，看看远处的钟楼和来往的人。晚餐暂时没有安排，我们可以根据当天的天气与心情决定。这一段位于修改位置之后，它的文字没有变化；在前面插入内容时，起止位置会向后移动，但仍然可能使用同一个语法树对象，不必重新解析这段行程。

—保留的语法树

—复用的显示块

计数对应当前这次更新，不含回放与绘制。

查看完整原文与语法树

## 一份旅行计划

第一段：周六上午，我们从车站出发，沿着河边步道走到老街。路上会经过一座石桥、几家早餐店和一片开阔的草地。大家可以慢慢走，顺便拍照，不必赶时间。到达老街后先找一家小店吃早餐，再去旁边的书店看看。这里记录的是已经写好的行程，接下来的修改发生在第二段，不会改变这一段的文字或格式。

第二段：午后去公园散步，然后回到河边喝杯咖啡。

第三段：傍晚从河边回到车站，途中可以买一点面包带回家。如果还有时间，就在广场上坐一会儿，看看远处的钟楼和来往的人。晚餐暂时没有安排，我们可以根据当天的天气与心情决定。这一段位于修改位置之后，它的文字没有变化；在前面插入内容时，起止位置会向后移动，但仍然可能使用同一个语法树对象，不必重新解析这段行程。

Document(ATXHeading2(HeaderMark),Paragraph,Paragraph,Paragraph)

内容逐字到来，界面自然成形。

真正的流式更新

Vue · React · Core

渲染与语法可扩展

MIT

一套内核，更多表达。

显示一篇 Markdown

让回答边生成边显示

换成你自己的组件

让 Markdown 表达更多

一个片段，一步成形。

每个片段，都能成为内容

每次插入，树怎样接着变？

原文展开为 Lezer 树

阅读结果

一份旅行计划

内容逐字到来，
界面自然成形。