如何用Vue组件在Vuepress中优化页面布局设计？

本文共计1247个文字，预计阅读时间需要5分钟。

目录+引言+前置环境+使用Vue+组件+安装插件+配置插件+创建Vue组件+使用Vue组件+引用组件+仅使用纯Vue+使用VuePress写Markdown文档+的确认会受限于，满足不了定制化的样式和功能需求。

目录

• 引言
• 前置环境
• 使用 vue 组件
• 安装插件
• 配置插件
• 创建 vue 组件
• 使用 vue 组件

引言

只是单纯的用 vuepress 写个 markdown 文档，的确会处处受限，满足不了定制化的样式和功能，有时只是简单的修改下某个页面，或者做些组件演示的内容，而不是开发一整套主题。所以研究下如何在项目中使用 vue 组件还有非常有必要的，毕竟也没那么难。

前置环境

• node 环境 node v16.13.0
• VuePress 版本 VuePress v2.0.0-beta.48

每个版本的使用方式还是有些差异的，尤其是 1.x 与 2.x，所以在阅读的时候尽量与自己所用的版本对比下，避免不必要的试错。