Тест по Vue 3 — Props и события
Для чего используются props в Vue?
- Для передачи данных от родителя к потомку
- Для передачи данных от потомка к родителю
- Для глобального состояния
- Для локального хранилища
Какой метод используется для генерации пользовательских событий в компоненте Vue 3?
- $emit
- $dispatch
- $broadcast
- $trigger
Как правильно определить prop с типом String в компоненте?
- [
- "
- p
- r
- o
- p
- s
- :
- [
- "
- t
- i
- t
- l
- e
- "
- ]
- "
- ,
- "
- p
- r
- o
- p
- s
- :
- {
- t
- i
- t
- l
- e
- :
- S
- t
- r
- i
- n
- g
- }
- "
- ,
- "
- p
- r
- o
- p
- s
- :
- {
- t
- i
- t
- l
- e
- (
- )
- {
- }
- }
- "
- ,
- "
- d
- a
- t
- a
- (
- )
- {
- r
- e
- t
- u
- r
- n
- {
- t
- i
- t
- l
- e
- :
- "
- "
- }
- }
- "
- ]
Как родительский компонент подписывается на событие, испускаемое дочерним?
- @event
- @emit
- @on
- @trigger
Как следует изменять значение, переданное в компонент через prop?
- Можно изменять напрямую
- Только через события
- С помощью ref
- С помощью computed
Какой синтаксис используется в шаблоне для прослушивания пользовательского события customEvent?
- @click
- @customEvent
- @emitEvent
- @childEvent
Как props передаются в дочерние компоненты?
- Props можно передавать только строками
- Props передаются через v-bind или просто атрибутами
- Props работают только в setup()
- Props нельзя передавать между компонентами
Какой метод используется в <script setup> для получения props?
- defineProps
- useProps
- getProps
- createProps
Можно ли напрямую изменять значение prop внутри дочернего компонента?
- Можно
- Можно, если они не readonly
- Нельзя
- Можно, но только через ref
Какой API используется в <script setup> для объявления событий, испускаемых компонентом?
- defineEmits
- useEmit
- createEmitter
- defineEvents
Как правильно сделать prop обязательным в компоненте?
- [
- "
- p
- r
- o
- p
- s
- :
- [
- "
- t
- i
- t
- l
- e
- "
- ]
- "
- ,
- "
- p
- r
- o
- p
- s
- (
- )
- {
- r
- e
- t
- u
- r
- n
- {
- t
- i
- t
- l
- e
- :
- S
- t
- r
- i
- n
- g
- }
- }
- "
- ,
- "
- p
- r
- o
- p
- s
- :
- {
- t
- i
- t
- l
- e
- :
- N
- u
- m
- b
- e
- r
- }
- "
- ,
- "
- p
- r
- o
- p
- s
- :
- {
- t
- i
- t
- l
- e
- :
- {
- t
- y
- p
- e
- :
- S
- t
- r
- i
- n
- g
- ,
- r
- e
- q
- u
- i
- r
- e
- d
- :
- t
- r
- u
- e
- }
- }
- "
- ]
Какой синтаксис является сокращением для передачи props с использованием v-bind?
- [
- "
- v
- -
- b
- i
- n
- d
- :
- t
- i
- t
- l
- e
- =
- "
- v
- a
- l
- u
- e
- "
- "
- ,
- "
- v
- -
- t
- i
- t
- l
- e
- =
- "
- v
- a
- l
- u
- e
- "
- "
- ,
- "
- :
- t
- i
- t
- l
- e
- =
- "
- v
- a
- l
- u
- e
- "
- "
- ,
- "
- t
- i
- t
- l
- e
- =
- "
- v
- a
- l
- u
- e
- "
- "
- ]
Где нужно слушать событие, испускаемое дочерним компонентом?
- В компоненте-родителе
- В шаблоне дочернего компонента
- В функции setup()
- В script setup родителя
Как задать значение по умолчанию для prop в компоненте?
- [
- "
- p
- r
- o
- p
- s
- :
- {
- c
- o
- u
- n
- t
- :
- {
- t
- y
- p
- e
- :
- N
- u
- m
- b
- e
- r
- ,
- d
- e
- f
- a
- u
- l
- t
- :
- 0
- }
- }
- "
- ,
- "
- p
- r
- o
- p
- s
- :
- {
- c
- o
- u
- n
- t
- (
- )
- {
- r
- e
- t
- u
- r
- n
- 0
- }
- }
- "
- ,
- "
- p
- r
- o
- p
- s
- :
- [
- "
- c
- o
- u
- n
- t
- =
- 0
- "
- ]
- "
- ,
- "
- p
- r
- o
- p
- s
- :
- {
- c
- o
- u
- n
- t
- :
- N
- u
- m
- b
- e
- r
- =
- 0
- }
- "
- ]
Являются ли props реактивными во Vue 3?
- Props всегда являются реактивными
- Props становятся реактивными только при использовании watch
- Props нужно оборачивать в reactive()
- Props не реактивны