md中使用Vue（md语法＋引用组件） ​

一、引用组件 ​

1.1 引用方式 ​

1. 如果只是少数页面中显示，推荐在需要的.md文件中引入，script中import组件即可
2. 如果在不同页面中使用较多，推荐全局注册，在.vitepress/theme/index.js中， 使用enhanceApp 函数并注册组件

1.2 引用Element Demo ​

• 注意：ElementUI不支持vite、Vue3服务端动态加载，请使用ElmentPlus
• 网站：ElmentPlus
• 引用方式：选择全局注册方便多次引用

1.3 引用Vue Demo ​

以下是通过Vue组件引入的Demo

二、其他 ​

2.1 代码块高亮 ​

• Syntax Highlighter：Shiki、Prism

2.2 Vue模版语法 ​

详情见：https://vitepress.dev/guide/using-vue

123

2.3 团队/个人卡片 ​

JueMuel

FE

2.4 徽章 ​

2.5 md扩展提示块 ​

2.7 html文本块 ​

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.

2.6 代码块 ​

const lang = prompt("What is your favorite programming language?");
? alert("JavaScript to the world! 🚀🟡")
: alert(`We don't permit such languages here 💩`);