Skip to content

Vue 组件

本站已注册全局 Vue 组件 DemoBox,可在任意 Markdown 文件中直接使用:

这是一个全局组件

这是一个在 Markdown 中直接使用的 Vue 组件,证明本站支持自定义 Vue 扩展。

如何新增组件

  1. docs/.vitepress/theme/components/ 下新建 .vue 文件。
  2. docs/.vitepress/theme/index.ts 中用 app.component('Name', Comp) 注册。
  3. 在 Markdown 中写 <Name /> 即可。

这样就实现了「文档 + 自定义 Vue 组件」的均衡扩展能力。

基于 VitePress + Vue 3 构建