← Усі теми

Питання на співбесіді з Vue (Junior) з відповідями

75 запитань для співбесіди з теми Vue (Junior) - з правильними відповідями, поясненнями й посиланнями на документацію.

Пройти цей тест
  1. 1.Що таке Vue?
  2. 2.Який рекомендований спосіб створити новий проєкт Vue?
  3. 3.Що містить однофайловий компонент (файл .vue)?
  4. 4.Як створюється застосунок Vue і під'єднується до сторінки?
  5. 5.Чим відрізняються Options API і Composition API?
  6. 6.Що робить {{ message }} у шаблоні Vue?
  7. 7.Як прив'язати атрибут до значення з JavaScript?
  8. 8.Як обробити клік?
  9. 9.Що робить @submit.prevent="onSubmit"?
  10. 10.Як перемикати CSS-клас залежно від умови?
  11. 11.Які вирази допустимі всередині прив'язок шаблону?
  12. 12.Що означає скорочення # у <template #header>?
  13. 13.Як оголосити реактивний стан у <script setup>?
  14. 14.Що повертає reactive()?
  15. 15.Чому деструктуризація об'єкта reactive ламає реактивність?
  16. 16.Для чого потрібен computed()?
  17. 17.Чому DOM може оновитися не одразу після зміни стану?
  18. 18.Чи потрібен .value під час використання ref у шаблоні?
  19. 19.Чи можна присвоїти новий масив у ref зі списком?
  20. 20.Чим відрізняються v-if і v-show?
  21. 21.Які директиви утворюють ланцюжок умов?
  22. 22.Як відрендерити список?
  23. 23.Як отримати індекс у v-for?
  24. 24.Чому не можна використовувати v-if і v-for на одному елементі?
  25. 25.Що робить v-model на полі введення?
  26. 26.Що робить v-model.number?
  27. 27.Як v-model працює з кількома чекбоксами, прив'язаними до одного масиву?
  28. 28.Як дочірній компонент оголошує props, які приймає, у <script setup>?
  29. 29.Чому дочірньому компоненту не можна мутувати prop?
  30. 30.Як дочірній компонент повідомляє щось батькові?
  31. 31.Як передати розмітку з батька в дочірній компонент?
  32. 32.Як використати дочірній компонент у <script setup>?
  33. 33.Що відбувається з атрибутами на кшталт class, переданими компоненту, який не оголосив їх як props?
  34. 34.Що робить <style scoped>?
  35. 35.Як батько використовує v-model на власному компоненті (Vue 3.4+)?
  36. 36.Як задати prop значення за замовчуванням, а інший зробити обов'язковим?
  37. 37.Як динамічно перемикатися між кількома компонентами?
  38. 38.Як глибоко вкладений компонент може отримати значення без передавання props через кожен рівень?
  39. 39.Чим небезпечний v-html?
  40. 40.Де звертатися до DOM після рендера компонента?
  41. 41.Для чого використовують onUnmounted?
  42. 42.Коли варто використовувати watch замість computed?
  43. 43.Як отримати посилання на DOM-елемент у <script setup> (Vue 3.5+)?
  44. 44.Де Vue Router рендерить компонент для поточного URL?
  45. 45.Як зробити посилання для навігації без перезавантаження сторінки?
  46. 46.Як прочитати параметр :id маршруту /users/:id у <script setup>?
  47. 47.Як перейти на іншу сторінку з коду, наприклад після збереження форми?
  48. 48.Що таке Pinia?
  49. 49.Як визначають і використовують стор Pinia?
  50. 50.Що треба зробити перед використанням будь-якого стора Pinia?
  51. 51.Що роблять модифікатори подій .stop і .once?
  52. 52.Як запустити обробник лише після натискання Enter у полі введення?
  53. 53.Що робить v-model.trim?
  54. 54.Що змінює v-model.lazy?
  55. 55.Як прив'язати кілька інлайн-стилів з об'єкта?
  56. 56.Що робить v-bind="attrs" без аргументу?
  57. 57.Що робить v-once?
  58. 58.Що відрендерить <li v-for="n in 3">{{ n }}</li>?
  59. 59.Як перебрати властивості об'єкта?
  60. 60.Як застосувати v-if до кількох елементів, не додаючи обгортку <div>?
  61. 61.Навіщо v-for потрібен унікальний :key?
  62. 62.Як передати в обробник і аргумент, і нативну подію?
  63. 63.Як у шаблоні батька записувати проп, оголошений як userName?
  64. 64.Яке значення отримає проп типу Boolean у <MyButton disabled />?
  65. 65.Як батько отримує значення, надіслане через emit('select', id)?
  66. 66.Як показати вміст за замовчуванням, якщо батько нічого не передав у слот?
  67. 67.Як перейти на маршрут за його іменем?
  68. 68.Які класи <RouterLink> за замовчуванням додає активному посиланню?
  69. 69.Як зробити, щоб / відкривав /home?
  70. 70.Як оголосити маршрут 404 для всіх інших шляхів у Vue Router 4?
  71. 71.Що таке getter у Pinia-сторі?
  72. 72.Для чого потрібні Vue DevTools?
  73. 73.Які змінні оточення доступні клієнтському коду в проєкті на Vite?
  74. 74.Який API рекомендований за замовчуванням для реактивного стану в Composition API?
  75. 75.Чому ref, оголошений через const, усе одно може змінюватися?