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

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

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

2/25 Какая интерполяция связывания данных обычно известна как синтаксис «Mustache»?

[]
v-model
{{}}
v-on

3/25 Как использовать цикл в Vue.js?

vFor
*v-for
v-for
*ngFor

4/25 После уничтожения модели представления все слушатели событий автоматически удаляются.

Правда
Ложь

5/25 Какой из следующих модификаторов событий применяется только для предотвращения кликов на самом элементе?

@click.prevent.self
@click.self.prevent
@click.stop
@click.prevent

6/25 Какое ключевое слово используется для создания константы в Vue.js?

Define
Const
Ни одно из вышеперечисленных.

7/25 Какой модификатор события используется для выполнения события клика только один раз?

<a @click.once="doTask"></a>
<a @click.prevent-once="doTask"></a>
<a @click.stop="doTask"></a>
<a @click.passive="doTask"></a>

8/25 Все перечисленные ниже являются хуками жизненного цикла в Vue, кроме...

beforeCreate
created
mounted
beforeMount
didMount

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

mounted
created
beforeCreate
beforeMount

10/25 Как сделать компонент Vue.js реактивным к изменениям в объекте, который изначально не был реактивным?

Используя Vue.set(object, key, value)
Это невозможно в Vue.js
Путем повторного присваивания объекта
Используя object.key = value

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

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

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

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

13/25 Как в Vue.js зарегистрировать локальный компонент?

Vue.component('мой-компонент', {})
components: {'мой-компонент': {}}
Vue.register('мой-компонент', {})
Vue.use('мой-компонент', {})

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

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

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

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

16/25 Как можно получить доступ к параметрам маршрута в компоненте Vue, используя Vue Router?

this.$route.params
this.params
Vue.getParams()
this.$router.params

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

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

18/25 Как объявить prop в Vue.js, который имеет значение по умолчанию и валидацию?

props: { propName: { default: value, validator: function } }
props: ['propName', default: value, validate: function]
props: { propName: value, validator: function }
props: { propName: { value, validator: function } }

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

Vue.set(object, key, value)
Vue.reactify(object, key, value)
this.$forceUpdate()
Vue.observable(object)

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

v-bind
v-model
v-on
v-for

21/25 Что представляет собой хук жизненного цикла 'mounted' в Vue.js?

Компонент готовится к монтированию
Компонент вставлен в DOM
Данные компонента были инициализированы
Компонент готовится к обновлению

22/25 Как в шаблоне Vue.js условно отрендерить элементы?

Используя директиву 'v-for'
Используя директиву 'v-model'
Используя директивы 'v-if', 'v-else-if' и 'v-else'
Используя директиву 'v-show'

23/25 Как в Vue.js итерировать по массиву элементов в шаблоне?

Используя директиву 'v-if'
Используя директиву 'v-for'
Используя директиву 'v-model'
Используя директиву 'v-bind'

24/25 Какова цель директивы 'v-bind' в Vue.js?

Для привязки свойств класса и стиля
Для привязки свойств DOM к данным
Для отображения текстового содержимого
Для определения методов обработки событий

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

this.$emit('eventName')
Vue.emit('eventName')
this.$parent.emit('eventName')
this.$dispatch('eventName')

Image for the last page of the Certificate