VuePress
首页
  • 基础配置

    • 指南
    • 快速上手
    • 配置
    • 页面
    • Frontmatter
  • 进阶玩法

    • Markdown
    • 静态部署
    • 样式美化
    • DocSearch
    • 插件
    • 组件
    • 更新及卸载
  • 其他站点

    • VitePress文档
    • 劝学录教程
    • 个人主页
Vuepress 2.0.0-rc.14
GitHub
  • 简体中文
  • English
首页
  • 基础配置

    • 指南
    • 快速上手
    • 配置
    • 页面
    • Frontmatter
  • 进阶玩法

    • Markdown
    • 静态部署
    • 样式美化
    • DocSearch
    • 插件
    • 组件
    • 更新及卸载
  • 其他站点

    • VitePress文档
    • 劝学录教程
    • 个人主页
Vuepress 2.0.0-rc.14
GitHub
  • 简体中文
  • English
  • 介绍
    • 前言
  • 基础配置
    • 快速上手
    • 配置
    • 页面
    • Frontmatter
  • 进阶玩法
    • Markdown
    • 静态部署
    • 样式美化
    • DocSearch
    • 插件
    • 组件
    • 更新及卸载
  • 其他站点

    • VitePress文档
    • 劝学录教程
    • 个人主页

组件

最近更新:2024-7-29

基本组成

组件由三部分组成:<template> <script> <style>

对应关系

template 对应 html

script 对应 js

style 对应 css

注册插件

个人建议是在 clients.ts 客户端配置 中添加,非常方便

// clients.ts
import { defineClientConfig } from '@vuepress/client'
import MyComponent from './components/MyComponent.vue'

export default defineClientConfig({
  enhance({ app, router, siteData }) {
    app.component('MyComponent', MyComponent)
  },
})

layouts

layouts 配置项用于设置布局组件。你在此处注册布局后,用户就可以通过 layout frontmatter 来使用它们

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

export default defineClientConfig({
  layouts: {
    MyLayout,
  },
})
在 GitHub 上编辑此页
上次更新:
贡献者: DzPian
上一页
插件
下一页
更新及卸载