mdx vue 是一個基于 Vue.js 的 MarkDown 組件，它能夠處理給定的 mdx 文件并將其解析為 Vue 組件。mdx vue 目前支持的語法集與 React 上的 mdx 一致，其最終可用于構建網站、博客等等靜態頁面。

您可以使用 mdx vue 直接處理 MarkDown 文件，并將其轉換成流暢的Vue 組件。組件可以與您現有的 Vue 代碼無縫集成，并且能夠自定義主題。因此，MDX.vue 已成為一種構建靜態網站及博客的流行方式。

import { render } from "vue"
import { MDX } from "mdx-vue"
import "@/your-theme/index.css"
const template = `
## This is a Markdown heading
Here is some [link](/path) to somewhere.## Even more heading
`
render(, "#app")

使用 mdx vue，您可以將 mdx 文件中的 Markdown 與組件混合使用，從而恢復出自己的網站。同時，您可以分別為每個組件設置主題，使得它們能夠自定義樣式。