# Глобальный контекст Vue

Slidev внедряет $slidev в глобальный контекст Vue для расширенных условий или элементов управления навигацией.

# Использование

Вы можете получить доступ к нему в любом месте markdown-файла или шаблона Vue, используя "Mustache" синтаксис.

<!-- slides.md -->

# Страница 1

Текущая страница: {{ $slidev.nav.currentPage }}

<!-- Foo.vue -->

<template>
  <div>Заголовок: {{ $slidev.configs.title }}</div>
  <button @click="$slidev.nav.next">Следующая страница</button>
</template>

# Параметры

# $slidev.nav

Реактивный объект, содержащий свойства и элементы управления для навигации по слайдам. Например:

$slidev.nav.next() // переход к следующему шагу

$slidev.nav.nextSlide() // переход к следующему слайду (пропуская v-clicks)

$slidev.nav.go(10) // переход к слайду #10

$slidev.nav.currentPage // номер текущего слайда

$slidev.nav.currentLayout // текущий id шаблона

$slidev.nav.clicks // текущее количество кликов

Дополнительные доступные свойства смотрите в экспортах файла nav.ts.

# $slidev.configs

Реактивный объект, содержащий обработанные настройки из первого frontmatter вашего slides.md. Например

---
title: Мой первый Slidev!
---

{{ $slidev.configs.title }} // 'Мой первый Slidev!'

# $slidev.themeConfigs

Реактивный объект, содержащий обработанные настройки темы.

---
title: Мой первыйSlidev!
themeConfig:
  primary: #213435
---

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