Ejemplos de API de Runtime
Esta página demuestra el uso de algunas de las APIs de runtime proporcionadas por VitePress.
La API principal useData()
se puede utilizar para acceder a los datos del sitio, tema y página actual. Funciona tanto en archivos .md
como .vue
:
md
<script setup>
import { useData } from 'vitepress'
const { theme, page, frontmatter } = useData()
</script>
## Resultados
### Datos de Tema
<pre>{{ theme }}</pre>
### Datos de Página
<pre>{{ page }}</pre>
### Frontmatter de Página
<pre>{{ frontmatter }}</pre>
Resultados
Datos de Tema
{ "nav": [ { "text": "Inicio", "link": "/es/" }, { "text": "Ejemplos", "link": "/es/markdown-examples" } ], "sidebar": [ { "text": "Docker", "collapsed": false, "items": [ { "text": "Ejemplos de Docker", "link": "/es/markdown-examples" }, { "text": "Ejemplos de API de Runtime", "link": "/es/api-examples" } ] } ], "outline": { "level": "deep", "label": "目录" }, "socialLinks": [ { "icon": "github", "link": "https://github.com/vuejs/vitepress" } ], "search": { "provider": "local" } }
Datos de Página
{ "title": "Ejemplos de API de Runtime", "description": "", "frontmatter": { "outline": "deep" }, "headers": [], "relativePath": "es/api-examples.md", "filePath": "es/api-examples.md" }
Frontmatter de Página
{ "outline": "deep" }
Más
Consulta la documentación para la lista completa de APIs de runtime.