Vue2里用marked解析Markdown要注意啥？

不少做Vue2项目的同学，碰到要在前端解析Markdown内容时，总会好奇“marked这工具咋和Vue2搭起来用？碰到问题咋解决？”，毕竟不管是做技术博客、组件文档，还是用户生成内容的展示，Markdown解析都是高频需求，下面通过问答形式，把Vue2 + marked的用法、坑点、进阶技巧一次性聊透～

marked是干啥的？和Vue2结合能解决啥场景？

marked是轻量的JavaScript库，核心能力是把Markdown文本转换成HTML字符串，比如写了带标题、列表、代码块的Markdown，丢给marked处理，它就会吐出对应HTML结构，前端再把HTML渲染到页面。

和Vue2结合的常见场景特别多：团队内部组件库文档，要把GitHub上的Markdown README实时渲染成网页；个人博客项目里，文章用Markdown写，Vue2做页面时把Markdown转成好看排版；甚至社区类项目，用户输入Markdown内容，前端要实时预览或最终展示，这些场景下，marked能省掉手动写HTML的麻烦，还能保证Markdown语法解析一致性。

Vue2项目里咋把marked装起来？

第一步先装依赖，打开终端进Vue2项目根目录，执行 npm install marked（用yarn就换yarn add marked），装完后得考虑组件里咋引入。

要是单文件组件（.vue文件），在