Runtime-API-Beispiele

Diese Seite zeigt die Verwendung einiger der von VitePress bereitgestellten Runtime-APIs.

Die Haupt-useData()-API kann verwendet werden, um auf Site-, Theme- und Seitendaten für die aktuelle Seite zuzugreifen. Sie funktioniert sowohl in .md- als auch in .vue-Dateien:

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

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

## Ergebnisse

### Theme-Daten

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

### Seiten-Daten

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

### Seiten-Frontmatter

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

Ergebnisse

Theme-Daten

{
  "socialLinks": [],
  "logo": "/logo.png",
  "nav": [
    {
      "text": "Start",
      "link": "/"
    },
    {
      "text": "Beispiele",
      "link": "/markdown-examples"
    },
    {
      "text": "API-Beispiele",
      "link": "/api-examples"
    }
  ],
  "sidebar": [
    {
      "text": "Beispiele",
      "items": [
        {
          "text": "Markdown-Beispiele",
          "link": "/markdown-examples"
        },
        {
          "text": "Runtime-API-Beispiele",
          "link": "/api-examples"
        }
      ]
    }
  ],
  "docFooter": {
    "prev": "Vorherige Seite",
    "next": "Nächste Seite"
  },
  "outline": {
    "label": "Auf dieser Seite"
  },
  "lastUpdated": {
    "text": "Zuletzt aktualisiert"
  },
  "darkModeSwitchLabel": "Erscheinungsbild",
  "sidebarMenuLabel": "Menü",
  "returnToTopLabel": "Zurück nach oben"
}

Seiten-Daten

{
  "title": "Runtime-API-Beispiele",
  "description": "",
  "frontmatter": {
    "outline": "deep"
  },
  "headers": [],
  "relativePath": "api-examples.md",
  "filePath": "api-examples.md"
}

Seiten-Frontmatter

{
  "outline": "deep"
}

Mehr

Schauen Sie sich die Dokumentation für die vollständige Liste der Runtime-APIs an.