Vue 组件示例

Vue 组件 ​

VitePress 使用 Vue 3 渲染 Markdown，因此可以直接将 Vue 组件嵌入到文章中。全局组件在 .vitepress/theme/index.ts 中注册；业务页面组件建议按需局部导入。

局部组件示例 ​

md
<script setup>
import Counter from '../vue/Counter.vue'
</script>

<Counter />

TIP

组件内涉及 window、document、浏览器存储或实际网络请求的逻辑，应放在 onMounted 中执行，保证静态构建和服务端渲染安全。