Skip to content

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.