← Wszystkie tematy

Pytania rekrutacyjne Vue (Junior) z odpowiedziami

75 pytań na rozmowę rekrutacyjną z tematu Vue (Junior) - z poprawnymi odpowiedziami, wyjaśnieniami i linkami do dokumentacji.

Rozwiąż ten test
  1. 1.Czym jest Vue?
  2. 2.Jaki jest zalecany sposób utworzenia nowego projektu Vue?
  3. 3.Co zawiera komponent jednoplikowy (plik .vue)?
  4. 4.Jak tworzy się aplikację Vue i podpina do strony?
  5. 5.Czym różni się Options API od Composition API?
  6. 6.Co robi {{ message }} w szablonie Vue?
  7. 7.Jak powiązać atrybut z wartością z JavaScriptu?
  8. 8.Jak nasłuchiwać kliknięcia?
  9. 9.Co robi @submit.prevent="onSubmit"?
  10. 10.Jak przełączać klasę CSS w zależności od warunku?
  11. 11.Jakie wyrażenia są dozwolone w wiązaniach szablonu?
  12. 12.Co oznacza skrót # w <template #header>?
  13. 13.Jak zadeklarować stan reaktywny w <script setup>?
  14. 14.Co zwraca reactive()?
  15. 15.Dlaczego destrukturyzacja obiektu reactive psuje reaktywność?
  16. 16.Do czego służy computed()?
  17. 17.Dlaczego DOM może nie zaktualizować się od razu po zmianie stanu?
  18. 18.Czy przy używaniu refa w szablonie potrzebne jest .value?
  19. 19.Czy można przypisać nową tablicę do ref z listą?
  20. 20.Czym różnią się v-if i v-show?
  21. 21.Które dyrektywy tworzą łańcuch warunków?
  22. 22.Jak wyrenderować listę?
  23. 23.Jak uzyskać indeks w v-for?
  24. 24.Dlaczego nie należy używać v-if i v-for na tym samym elemencie?
  25. 25.Co robi v-model na polu tekstowym?
  26. 26.Co robi v-model.number?
  27. 27.Jak v-model działa z kilkoma checkboxami powiązanymi z jedną tablicą?
  28. 28.Jak komponent potomny deklaruje przyjmowane propsy w <script setup>?
  29. 29.Dlaczego komponent potomny nie powinien mutować propsa?
  30. 30.Jak komponent potomny powiadamia rodzica?
  31. 31.Jak przekazać znaczniki z rodzica do komponentu potomnego?
  32. 32.Jak użyć komponentu potomnego w <script setup>?
  33. 33.Co dzieje się z atrybutami takimi jak class przekazanymi komponentowi, który nie zadeklarował ich jako propsów?
  34. 34.Co robi <style scoped>?
  35. 35.Jak rodzic używa v-model na własnym komponencie (Vue 3.4+)?
  36. 36.Jak nadać propsowi wartość domyślną, a inny uczynić wymaganym?
  37. 37.Jak dynamicznie przełączać się między kilkoma komponentami?
  38. 38.Jak głęboko zagnieżdżony komponent może otrzymać wartość bez przekazywania propsów przez każdy poziom?
  39. 39.Dlaczego v-html jest niebezpieczny?
  40. 40.Gdzie odwoływać się do DOM po wyrenderowaniu komponentu?
  41. 41.Do czego służy onUnmounted?
  42. 42.Kiedy użyć watch zamiast computed?
  43. 43.Jak uzyskać referencję do elementu DOM w <script setup> (Vue 3.5+)?
  44. 44.Gdzie Vue Router renderuje komponent dla bieżącego URL?
  45. 45.Jak utworzyć link nawigacyjny bez przeładowania strony?
  46. 46.Jak odczytać parametr :id trasy /users/:id w <script setup>?
  47. 47.Jak przejść na inną stronę z kodu, np. po zapisaniu formularza?
  48. 48.Czym jest Pinia?
  49. 49.Jak definiuje się i używa store'a Pinia?
  50. 50.Co trzeba zrobić przed użyciem dowolnego store'a Pinia?
  51. 51.Co robią modyfikatory zdarzeń .stop i .once?
  52. 52.Jak uruchomić handler tylko po naciśnięciu Enter w polu?
  53. 53.Co robi v-model.trim?
  54. 54.Co zmienia v-model.lazy?
  55. 55.Jak zbindować kilka stylów inline z obiektu?
  56. 56.Co robi v-bind="attrs" bez argumentu?
  57. 57.Co robi v-once?
  58. 58.Co wyrenderuje <li v-for="n in 3">{{ n }}</li>?
  59. 59.Jak przeiterować po właściwościach obiektu?
  60. 60.Jak zastosować v-if do kilku elementów bez dodawania wrappera <div>?
  61. 61.Dlaczego v-for potrzebuje unikalnego :key?
  62. 62.Jak przekazać do handlera zarówno argument, jak i natywne zdarzenie?
  63. 63.Jak zapisać w szablonie rodzica prop zadeklarowany jako userName?
  64. 64.Jaką wartość dostaje prop typu Boolean w <MyButton disabled />?
  65. 65.Jak rodzic otrzymuje wartość wysłaną przez emit('select', id)?
  66. 66.Jak pokazać domyślną treść, gdy rodzic nic nie przekaże do slotu?
  67. 67.Jak przejść do trasy po jej nazwie?
  68. 68.Jakie klasy <RouterLink> domyślnie dodaje do aktywnego linku?
  69. 69.Jak sprawić, by / otwierało /home?
  70. 70.Jak zdefiniować trasę 404 dla wszystkich pozostałych ścieżek w Vue Router 4?
  71. 71.Czym jest getter w store Pinia?
  72. 72.Do czego służą Vue DevTools?
  73. 73.Które zmienne środowiskowe są dostępne dla kodu klienta w projekcie Vite?
  74. 74.Które API jest zalecanym domyślnym wyborem dla stanu reaktywnego w Composition API?
  75. 75.Dlaczego ref zadeklarowany przez const nadal może się zmieniać?