Skip to content
  1. Markdown解析阶段:

    • VitePress读取.md文件

    • markdown-it-container识别:::demo语法

    • createDemoContainer解析demo内容,读取对应的.vue文件

  2. 组件导入阶段:

    • MarkdownTransform插件扫描examples目录

    • 自动生成import语句,将示例组件导入到markdown文件中

  3. 渲染阶段:

    • Demo组件接收解析后的props(source、path、rawSource、description)

    • 在#source插槽中渲染实际的Vue组件