Проверьте свои знания по Основы Vue.js - Сможете ли вы пройти наш викторину из 25 вопросов?

1/25 Каковы преимущества использования Vue.js?

Маленький размер — размер составляет от 18 до 21 КБ. Пользователю не требуется времени для загрузки и использования.
Легко понять — одна из причин популярности этого фреймворка заключается в том, что он довольно легко понятен. Пользователи могут легко добавить Vue.js в свой веб-проект благодаря его простой структуре.
Простая интеграция — его можно легко интегрировать с существующими приложениями.
Виртуальный DOM — он способен использовать виртуальный DOM, как и другие существующие фреймворки, такие как ReactJS, Ember и так далее. Виртуальный DOM считается легким представлением в памяти оригинального HTML DOM и обновляется без воздействия на оригинал.
Все вышеперечисленное

2/25 Что используется для динамического связывания одного или нескольких атрибутов либо с свойством компонента, либо с выражением?

v-pre
v-bind
v-once
v-html

3/25 V-show не поддерживает элемент <template>.

Правда
Ложь

4/25 В чем разница между директивами v-show и v-if?

v-if рендерит элемент в DOM только если выражение истинно, в то время как v-show рендерит все элементы в DOM, а затем использует свойство отображения CSS для показа/скрытия элементов на основе выражения.
v-if поддерживает директивы v-else и v-else-if, в то время как v-show не поддерживает директивы else.
v-if поддерживает вкладку, но v-show не поддерживает.
Все вышеперечисленное

5/25 Какой хук жизненного цикла Vue.js следует использовать для получения данных при создании компонента?

mounted
created
beforeCreate
beforeMount

6/25 Для чего предназначена функция 'mixins' в Vue.js?

Для стилизации компонентов
Для обмена функциональностью между компонентами
Для рендеринга компонентов на серверной стороне
Для управления состоянием приложения

7/25 Какова роль функции 'filters' в Vue.js?

Для создания глобальных миксинов
Для применения общего форматирования текста
Для фильтрации элементов в списке v-for
Для валидации входных данных формы

8/25 Какая команда используется для создания нового проекта Vue.js с использованием Vue CLI?

vue create имя-проекта
vue new имя-проекта
vue init имя-проекта
vue start имя-проекта

9/25 Какой хук жизненного цикла в Vue.js вызывается сразу после обновления DOM?

created
beforeUpdate
updated
mounted

10/25 Что делает директива 'v-once' во Vue.js?

Слушает событие только один раз
Рендерит элемент или компонент один раз и игнорирует будущие обновления
Применяет класс CSS один раз
Выполняет метод только один раз

11/25 Какова цель использования 'v-bind' с классом в Vue.js?

Для привязки метода к классу
Для динамической привязки одного или нескольких имен классов к элементу
Для присоединения обработчика событий к классу
Для условного отображения класса

12/25 Какова цель ключевого слова 'static' в компоненте Vue.js?

Для создания статического метода в компоненте
Для предотвращения реактивности свойства
Для указания, что свойство не должно быть включено в шаблон
Для глобального доступа к свойству

13/25 Какова основная цель модификатора '.sync' директивы 'v-bind' в Vue.js?

Синхронизировать данные между родительскими и дочерними компонентами
Поддерживать синхронизацию модели и представления
Автоматически обновлять prop при изменении связанного значения
Синхронизировать методы компонентов

14/25 Каков эффект использования директивы 'v-once' на компоненте в Vue.js?

Уничтожает компонент после одного использования
Рендерит компонент только один раз, игнорируя последующие повторные рендеринги
Слушает событие только один раз
Применяет класс CSS к элементу только один раз

15/25 Какое утверждение верно о хуке жизненного цикла 'destroyed' в Vue.js?

Вызывается до удаления компонента из DOM
Используется для очистки слушателей событий и реактивных подписок
Может использоваться для предотвращения уничтожения компонента
Вызывается сразу после создания компонента

16/25 Какой из следующих является правильным способом глубокого отслеживания объекта в Vue.js?

watch: { 'object': { deep: true } }
watch: { object: { handler: 'method', deep: true } }
watch: { object.deep: 'method' }
this.$watch('object', 'method', { deep: true })

17/25 Как можно динамически привязать несколько атрибутов к элементу в Vue.js?

Используя v-bind с объектом
Используя несколько директив v-bind
Используя вычисляемое свойство
Динамически привязать несколько атрибутов невозможно

18/25 Какова цель свойства 'name' в компоненте Vue.js?

Для указания имени, используемого в DOM
Для определения имени компонента для рекурсивных вызовов
Для установки атрибута 'name' на корневом элементе
Для идентификации компонента в Vue Devtools

19/25 Каково основное использование функции 'provide/inject' в Vue.js?

Для передачи данных от родительских к дочерним компонентам
Для внедрения сервисов или зависимостей в компонент
Для управления глобальным состоянием
Для обеспечения реактивных источников данных

20/25 В Vue.js, для чего используется свойство 'el' в экземпляре Vue?

Для определения элемента для монтирования экземпляра Vue
Для указания родительского элемента для экземпляра
Для объявления реактивных свойств
Для установки шаблона для экземпляра

21/25 Для чего предназначена директива 'v-show' в Vue.js?

Для переключения видимости элемента
Для отображения элемента только за один рендер
Для вставки или удаления элемента из DOM
Для отображения значений, связанных с данными

22/25 Как описывается $parent в Vue?

Свойство $parent, как и $root, можно использовать для доступа к родительскому экземпляру из дочернего.
Оно обеспечивает прямой доступ, что делает приложение трудным для тестирования и отладки.
Оба приведенных выше утверждения верны.
Ни одно из приведенных выше утверждений не верно.

23/25 Какова роль свойства 'watch' в Vue.js?

Для выполнения глубоких сравнений объектов
Для выполнения функции при изменении определенного свойства данных
Для привязки данных к элементам шаблона
Для перебора элементов в массиве

24/25 Какова основная функция вычисляемых свойств в Vue.js?

Для хранения и управления глобальным состоянием
Для выполнения функций при срабатывании событий
Для расчета производного состояния на основе реактивных данных
Для привязки элементов DOM к данным компонента

25/25 В Vue.js, для чего предназначен атрибут 'ref'?

Для ссылки на экземпляр DOM или компонента
Для определения повторяющегося элемента в 'v-for'
Для хранения ссылок на данные для реактивности
Для настройки двусторонней привязки данных

Image for the last page of the Certificate