api-examples.md · sunshinelikeyou/interview-notes

加入 Gitee

与超过 1200万开发者一起发现、参与优秀开源项目，私有仓库也完全免费：）

免费加入

文件

该仓库未声明开源许可证文件（LICENSE），使用请关注具体项目描述及其代码上游依赖。

克隆/下载

api-examples.md 913 Bytes

一键复制编辑原始数据按行查看历史

提交于 2024-09-09 09:41 . ✨ feat: update file level

---
outline: deep
---

# Runtime API Examples

This page demonstrates usage of some of the runtime APIs provided by VitePress.

The main `useData()` API can be used to access site, theme, and page data for the current page. It works in both `.md` and `.vue` files:

```md
<script setup>
import { useData } from 'vitepress'

const { theme, page, frontmatter } = useData()
</script>

## Results

### Theme Data

<pre>{{ theme }}</pre>

### Page Data

<pre>{{ page }}</pre>

### Page Frontmatter

<pre>{{ frontmatter }}</pre>
```

<script setup>
import { useData } from 'vitepress'

const { site, theme, page, frontmatter } = useData()
</script>

## Results

### Theme Data

<pre>{{ theme }}</pre>

### Page Data

<pre>{{ page }}</pre>

### Page Frontmatter

<pre>{{ frontmatter }}</pre>

## More

Check out the documentation for the [full list of runtime APIs](https://vitepress.dev/reference/runtime-api#usedata).

马建仓 AI 助手

尝试更多

代码解读

代码找茬

代码优化

JavaScript

https://gitee.com/sunshinelikeyou/interview-notes.git

git@gitee.com:sunshinelikeyou/interview-notes.git

sunshinelikeyou

interview-notes

main

sunshinelikeyou/interview-notes

简介

发行版

贡献者

近期动态

sunshinelikeyou/interview-notes .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

sunshinelikeyou/interview-notes