Тест по Vue 3 — Средний уровень
Какой API используется для создания ссылки на отдельное свойство реактивного объекта?
- 1. ref
- 2. reactive
- 3. toRef
- 4. watch
Какой хук используется для выполнения кода после монтирования компонента?
- 1. onMounted
- 2. onCreated
- 3. onStart
- 4. onInit
В чём разница между v-if
и v-show
?
- 1. v-if имеет стоимость рендеринга
- 2. v-show скрывает элемент с помощью CSS
- 3. v-if всегда быстрее
- 4. v-show удаляет элемент из DOM
Какой Composition API-хук запускает реакцию при изменении любых использованных реактивных значений?
- 1. ref
- 2. computed
- 3. watch
- 4. watchEffect
Какой синтаксис используется для декларативного определения Composition API в SFC?
- 1. <script setup>
- 2. setup()
- 3. defineComponent()
- 4. useSetup()
Как получить доступ к пропсам внутри <script setup>
?
- 1. props.name
- 2. this.props.name
- 3. defineProps()
- 4. useProps()
Какой API используется для явной передачи публичного интерфейса компонента родителю?
- 1. defineExpose
- 2. definePublic
- 3. expose
- 4. exportExpose
Какой директивой подключаются именованные слоты?
- 1. v-bind
- 2. v-model
- 3. v-slot
- 4. v-on
Как преобразовать объект, созданный с помощью reactive
, в набор ref
-ов?
- 1. toRefs
- 2. reactive
- 3. ref
- 4. unref
Какой API позволяет создать немодифицируемую реактивную переменную?
- 1. readonly
- 2. readonlyRef
- 3. freeze
- 4. protect
Как записывается модификатор prevent
при обработке событий?
- 1. @click.prevent
- 2. @click.preventDefault
- 3. v-on:click.stop
- 4. @click.stop
Какой API создает реактивную ссылку, не отслеживающую вложенные свойства?
- 1. shallowRef
- 2. ref
- 3. deepRef
- 4. lightRef
Как называется значение по умолчанию для использования v-model
в кастомных компонентах?
- 1. v-model:prop
- 2. modelValue
- 3. v-bind:modelValue
- 4. model
Какой хук используется для получения доступа к маршрутизатору во Vue 3?
- 1. router-link
- 2. router-view
- 3. useRouter
- 4. defineRoute
Какой метод используется внутри обычного <script>
для работы с Composition API?
- 1. script setup
- 2. setup()
- 3. composition()
- 4. defineSetup()
Какой элемент нужен для отображения переданных в компонент слотов?
- 1. <slot>
- 2. <template v-slot>
- 3. <slot name=first>
- 4. <template name=slot>
Какой встроенный компонент Vue используется для перемещения части DOM в другое место?
- 1. teleport
- 2. port
- 3. portal
- 4. mount-to
Какой API позволяет объявить события в <script setup>
?
- 1. v-model
- 2. emit
- 3. defineModel
- 4. defineEmit
Какой механизм используется для передачи данных между компонентами через контекст?
- 1. provide / inject
- 2. ref / reactive
- 3. context / props
- 4. set / get
Какой API используется для задания дополнительных опций компонента во Vue 3?
- 1. defineProps
- 2. defineEmit
- 3. defineExpose
- 4. defineOptions