markstream-vue

简体中文

English

简体中文

English

Appearance

...

markstream-vue (中文) ​

适用于 Vue 3 的流式 Markdown 渲染器，支持 Mermaid 图表、流式代码块对比和高性能大文档处理。

如果你觉得 markstream-vue 对你有帮助，请考虑在 GitHub 上给我们一个 star ⭐！

选择你的框架 ​

markstream 支持多种框架。选择你偏好的框架查看对应文档和示例：

框架支持

所有版本共享相同的核心功能，并提供针对各框架优化的 API。

Vue 3 (markstream-vue) ⭐ 推荐 ​

最新版本，完整支持 Vue 3 Composition API。

vue
<script setup>
import MarkdownRender from 'markstream-vue'

const md = '# Hello Vue 3!'
</script>

<template>
  <MarkdownRender :content="md" />
</template>

Vue 2 (markstream-vue2) ​

完整支持 Vue 2.6+（需要 Composition API）和 Vue 2.7+。

vue
<script>
import MarkdownRender from 'markstream-vue2'

export default {
  components: { MarkdownRender },
  data() {
    return { markdown: '# Hello Vue 2!' }
  }
}
</script>

<template>
  <MarkdownRender :content="markdown" />
</template>

React (markstream-react) ​

支持 React 18+，完整的 hooks 和 TypeScript 支持。

tsx
import MarkdownRender from 'markstream-react'

function App() {
  return <MarkdownRender content="# Hello React!" />
}

Nuxt (markstream-vue) ​

支持 Nuxt 3 服务端渲染。

快速链接 ​

通用资源

AI/LLM 集成