组件覆写
220字小于1分钟
2024-06-17
概述
布局插槽十分实用,但有时候你可能会觉得它不够灵活。主题同样提供了单个组件覆写的能力。
使用
主题将所有 非全局的组件 都注册了一个带 @theme
前缀的 alias 。 例如,VPFooter.vue
的别名是 @theme/VPFooter.vue
。
如果你想要覆写 VPFooter.vue
组件,只需要在配置文件 .vuepress/config.ts
中覆盖这个别名即可:
import { defineUserConfig } from 'vuepress'
import { getDirname, path } from 'vuepress/utils'
import { plumeTheme } from 'vuepress-theme-plume'
const __dirname = getDirname(import.meta.url)
export default defineUserConfig({
theme: plumeTheme(),
alias: {
'@theme/VPFooter.vue': path.resolve(
__dirname,
'./components/MyFooter.vue',
),
},
})