欢迎使用动态文档系统

欢迎使用动态文档系统

【免费下载链接】vite-plugin-md Markdown with Vue for Vite 项目地址: https://gitcode.com/gh_mirrors/vi/vite-plugin-md

这是一个计数器组件，你可以点击它：

看到这个动态效果了吗？这就是vite-plugin-md的魅力所在！

### 第三步：在Vue组件中使用

在你的Vue组件中导入这个Markdown文件：

```html
<template>
  <WelcomePage />
</template>

<script>
import WelcomePage from './welcome.md'

export default {
  components: {
    WelcomePage,
  },
}
</script>

核心功能深度解析

Builder API：可扩展性的关键

Builder API是vite-plugin-md最强大的特性之一。它允许你通过构建器管道来扩展Markdown功能。比如代码高亮、元数据处理、链接解析等都可以通过Builder来实现。

前端数据处理

在Markdown文件中，你可以使用前端数据来存储页面元信息：

---
title: 我的技术文档
description: 这是一个包含交互演示的文档
---

# {{title}}

{{description}}

组件自动导入

配合unplugin-vue-components插件，你可以在Markdown中直接使用组件而无需手动导入：

# 自动组件导入

这里使用了DarkMode组件：
<DarkMode />

还有Clippy组件：
<Clippy />

【免费下载链接】vite-plugin-md Markdown with Vue for Vite 项目地址: https://gitcode.com/gh_mirrors/vi/vite-plugin-md