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'