Vue Global Context #

Το Slidev κάνει inject ένα global Vue context $slidev για προηγμένες συνθήκες ή χειριστήρια πλοήγησης.

Χρήση #

Μπορείτε να έχετε πρόσβαση σε αυτό οπουδήποτε στα markdown και Vue template, με την σύνταξη "Mustache".

<!-- slides.md -->

# Σελίδα 1

Η τρέχουσα σελίδα είναι: {{ $slidev.nav.currentPage }}

<!-- Foo.vue -->

<template>
  <div>Τίτλος: {{ $slidev.configs.title }}</div>
  <button @click="$slidev.nav.next">Επόμενη Σελίδα</button>
</template>

Ιδιότητες #

$slidev.nav #

Ένα αντιδραστικό object που περιέχει τις ιδιότητες και τα χειριστήρια της πλοήγησης των διαφανειών. Για παραδείγματα:

$slidev.nav.next() // πήγαινετε στο επόμενο βήμα

$slidev.nav.nextSlide() // πήγαινετε στην επόμενη διαφάνεια (παραλείψετε ν-clicks)

$slidev.nav.go(10) // πήγαινετε στην διαφάνεια #10

$slidev.nav.currentPage // αριθμός τρέχουσας διαφάνειας

$slidev.nav.currentLayout // id τρέχοντος layout

$slidev.nav.clicks // σύνολο τρεχόντων clicks

Για περισσότερες διαθέσιμες ιδιότητες, ανατρέξτε στις εξαγωγές του nav.ts.

$slidev.configs #

Ένα αντιδραστικό object κρατάει τις αναλυμένες ρυθμίσεις στο πρώτο frontmatter του slides.md σας. Για παράδειγμα

---
title: Το πρώτο μου Slidev!
---

{{ $slidev.configs.title }} // 'Το πρώτο μου Slidev!'

$slidev.themeConfigs #

Ένα αντιδραστικό object κρατάει τις αναλυμένες ρυθμίσεις του θέματος.

---
title: Το πρώτο μου Slidev!
themeConfig:
  primary: #213435
---

{{ $slidev.themeConfigs.primary }} // '#213435'