guide/component-overrides/

[giscus[bot]]

guide/component-overrides/

概述 布局插槽十分实用，但有时候你可能会觉得它不够灵活。主题同样提供了单个组件覆写的能力。 注意 在使用此功能前，你应该首先熟悉本主题的源代码，了解 主题内置的各个组件，以便 安全的 覆写他们。 主题的组件源代码托管在 GitHub，遵循 MIT 协议。 使用 主题将所有 非全局的组件 都注册了一个带 @theme 前缀的 alias 。 例如，VPF...

https://theme-plume.vuejs.press/guide/component-overrides/

[MrHaoH]

您好，我请教个问题，我想用自己的组件覆盖主题内的头部组件，我在.vuepress/config.ts文件中配置了
alias: {
'@theme/VPNavbar.vue': path.resolve(
__dirname,
'./components/MyNav.vue',
),
},
为啥没有生效？感谢大佬的回复

[pengzhanbo]

组件别名是 @theme/Nav/VPNavBar.vue

[MrHaoH]

哦哦，我明白了，@theme后面跟的是路径是吧，并不单纯的是组件名，感谢大佬的回复

[MrHaoH]

大佬，如何把内置的404替换成自定义的？？
'@theme/layouts/NotFound.vue': path.resolve(
__dirname,
'./components/div.vue',
)
我这样写解析不出来，感谢感谢

[pengzhanbo]

.vuepress/client.ts

import { defineClientConfig } from 'vuepress/client'
import NotFound from './layouts/NotFound.vue'

export default defineClientConfig({
  layouts: {
    NotFound,
  },
})

./layouts/NotFound.vue

<script setup>
import { NotFound } from 'vuepress-theme-plume/client'
</script>

<template>
  <NotFound>
    <template #not-found>
      <div>
        自定义内容
      </div>
    </template>
  </NotFound>
</template>

[MrHaoH]

感谢大佬