用途:当宿主应用是 Vue 2(非 Vue CLI / Webpack 4 特例)时,用于把 markstream-vue2 集成进项目。
主要能力与用法:先确认仓库为 Vue 2.6 或 2.7;安装 markstream-vue2;仅当仓库是 Vue 2.6 且使用 Composition API 模式时添加 @vue/composition-api;在 reset 样式之后引入 markstream-vue2/index.css;以 <MarkdownRender :content="markdown" /> 起步。AI 聊天或流式界面优先保留 content 并使用内置平滑流式能力。smooth-streaming="auto" 为默认值,当 typewriter=true 或 max-live-nodes <= 0 时生效;typewriter 仅控制闪烁光标,默认 false;fade 控制节点进入与流式文本淡入动画,默认 true。
流式与历史恢复:聊天界面中同一个 MarkdownRender 先流式渲染,final=true 后切换为历史。流式推荐 smooth-streaming="auto"、:fade="false"、typewriter=true,这是偏保守的视觉与性能选择;历史恢复推荐 :smooth-streaming="false"、:fade="true"、typewriter=false;动态切换可用 :smooth-streaming="isStreaming ? 'auto' : false"、:fade="!isStreaming"。仅在内容由 worker 预处理、共享 AST 存储或需自定义 AST 控制时,才改用 nodes + final。
默认决策:Vue 2.7 可用内置 Composition API;Vue 2.6 仅在代码确实依赖 Composition API 时才需 @vue/composition-api;Vue CLI / Webpack 4 建议改用 markstream-vue2-cli;Vue 2 加 Vite worker 导入建议 markstream-vue2-vite。除非需保留可信旧渲染,否则保持 html-policy="safe" 与 Mermaid 严格模式;可信场景如需旧行为,仅在该局部使用 html-policy="trusted" 与 :mermaid-props="{ isStrict: false }" 并说明原因。可用作用域自定义组件映射做覆盖或可信标签。最后用最小的可用开发或构建命令验证。限制:该适配器未采用 Vue 3 的有界追加淡入,同时开启相关动画前需先验证动画行为;价格与平台支持等暂未提供。