针对 Vue 3 的高性能、流式友好型 Markdown 渲染组件 — 支持渐进式 Mermaid、流式 diff 代码块以及为大文档优化的实时预览。

流式渲染到底解决什么痛点？

AI 大模型普遍采用 Server-Sent Events 逐 token 输出：

流式渲染要做的就是：边吐边渲染、只更新“差量”、不抖不动。

markstream-vue特性

• 极致性能：针对流式场景最小化重渲染，DOM 更新高效
• 流式优先：原生支持不完整或频繁更新的 Markdown 内容
• Monaco 流式更新：大代码块也能平滑增量高亮
• 渐进式 Mermaid：语法一够就渲染，后续持续优化
• 自定义组件：可在 Markdown 中直接嵌入 Vue 组件
• 零配置：Vue 3 项目里开箱即用

增量 DOM 更新

vue-renderer-markdown 把 Markdown 先切成 token 流，再映射成 Vue VNode 差量 patch。
一句话：*“新token来多少，就插多少节点，旧节点纹丝不动。”*

AI 输出经常“断句”：

# 标题

1. 第一
2. 第二

第二行还没打完，库就能先渲染出标题 + 第一条，后面慢慢补。

仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！

链接: https://fly63.com/nav/4805