← Wszystkie tematy

Pytania rekrutacyjne Vue (Middle) z odpowiedziami

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

Rozwiąż ten test
  1. 1.Dlaczego ten watcher się nie uruchamia?
  2. 2.Czym watchEffect różni się od watch?
  3. 3.Jak anulować nieaktualne żądanie, gdy obserwowane id szybko się zmienia (Vue 3.5+)?
  4. 4.Co robi { deep: true } w watcherze?
  5. 5.Kiedy shallowRef jest lepszy niż ref?
  6. 6.Co robi toRefs?
  7. 7.Czym jest zapisywalny computed?
  8. 8.Dlaczego mutowanie stanu w getterze computed to błąd?
  9. 9.Jak sprawić, by callback watch od razu uruchomił się też z bieżącą wartością?
  10. 10.Kiedy uruchamia się watcher z flush: 'post'?
  11. 11.Na co pozwalają modyfikatory defineModel?
  12. 12.Jak zastosować atrybuty fallthrough do wewnętrznego elementu zamiast głównego?
  13. 13.Czym jest scoped slot?
  14. 14.Jak zachować reaktywność dostarczonego stanu, ale zabronić potomkom jego mutowania?
  15. 15.Po co używać symbolu InjectionKey zamiast stringa w provide/inject?
  16. 16.Co robi defineAsyncComponent?
  17. 17.Co robi defineExpose w <script setup>?
  18. 18.Na co pozwala reaktywna destrukturyzacja propsów z 3.5?
  19. 19.Jak otypować zdarzenia komponentu w TypeScript?
  20. 20.Czym jest composable?
  21. 21.Jakie problemy mixinów rozwiązują composables?
  22. 22.Jak composable powinien przyjmować argumenty, które mogą być refami, getterami lub zwykłymi wartościami?
  23. 23.Dlaczego composables trzeba wywoływać synchronicznie w <script setup>, a nie w callbacku?
  24. 24.Co się dzieje, gdy <script setup> zawiera await najwyższego poziomu?
  25. 25.Jak napisać lokalną własną dyrektywę w <script setup>?
  26. 26.Czym jest plugin Vue?
  27. 27.Co robi <KeepAlive>?
  28. 28.Po co renderować modal przez <Teleport to="body">?
  29. 29.Jak <Transition name="fade"> animuje element?
  30. 30.Jaki problem rozwiązuje tu nextTick?
  31. 31.Jak leniwie załadować komponent trasy?
  32. 32.Jak chronić trasy wymagające uwierzytelnienia?
  33. 33.Dlaczego strona nie aktualizuje się przy przejściu z /users/1 na /users/2?
  34. 34.Co robi props: true w definicji trasy?
  35. 35.Dlaczego przeładowanie /about na produkcji z createWebHistory daje 404?
  36. 36.Czym różni się router.push od router.replace?
  37. 37.Jak renderują się zagnieżdżone trasy?
  38. 38.Dlaczego destrukturyzacja store'a Pinia traci reaktywność i jak to naprawić?
  39. 39.Czym różnią się setup store'y od option store'ów w Pinii?
  40. 40.Co daje store.$patch?
  41. 41.Czy akcje Pinii mogą być asynchroniczne?
  42. 42.Jak użyć store'a poza komponentem, np. w guardzie routera?
  43. 43.Dlaczego ten getter Pinii nie jest cache'owany?
  44. 44.Jak jeden store Pinia może używać innego?
  45. 45.Jak ze stylów scoped ostylować element wewnątrz komponentu potomnego?
  46. 46.Co robi v-bind() wewnątrz <style>?
  47. 47.Jak przechwytywać błędy z komponentów potomnych?
  48. 48.Dlaczego w Vue Test Utils używa się await przy interakcjach użytkownika?
  49. 49.Jak przetestować komponent używający store'ów Pinii?
  50. 50.Które narzędzie sprawdza typy w plikach .vue, łącznie z szablonami, w CI?
  51. 51.Jak animować dodawanie, usuwanie i zmianę kolejności elementów listy?
  52. 52.Dlaczego lokalne importy są lepsze od globalnej rejestracji przez app.component()?
  53. 53.Jak ustawić opcje komponentu, np. inheritAttrs: false, w <script setup>?
  54. 54.Jak obserwować kilka źródeł jednym callbackiem?
  55. 55.Co robi { once: true } na watcherze (Vue 3.4+)?
  56. 56.Jak zatrzymać watcher przed odmontowaniem komponentu?
  57. 57.Jak utworzyć ref aktualizowany z debounce?
  58. 58.Mutujesz tablicę wewnątrz shallowRef. Dlaczego widok się nie aktualizuje i jak to naprawić?
  59. 59.Co <Suspense> robi z komponentem, który ma top-level await w <script setup>?
  60. 60.Jak ostrzec użytkownika przed opuszczeniem trasy z niezapisanymi zmianami?
  61. 61.Jakie są dwa popularne sposoby ładowania danych dla trasy?
  62. 62.Jak trzymać filtry w query URL i reagować na ich zmiany?
  63. 63.Czym są nazwane widoki w Vue Router?
  64. 64.Czym alias trasy różni się od redirect?
  65. 65.Jak sprawdzić, czy router.push() faktycznie przeprowadził nawigację?
  66. 66.Czy setup store ma $reset() jak option store?
  67. 67.Jak logować każdą akcję store'a Pinia i jej błędy?
  68. 68.Co daje VueUse?
  69. 69.Jak wyglądają CSS Modules w SFC?
  70. 70.Jak ostylować treść slotu przekazaną przez rodzica ze stylów scoped komponentu?
  71. 71.Kiedy przydaje się shallowMount w Vue Test Utils?
  72. 72.Po co w teście komponentu await flushPromises() po kliknięciu przycisku, który wywołuje API?
  73. 73.Co powinno dziać się z fokusem po nawigacji po stronie klienta w SPA ze względu na dostępność?
  74. 74.Jak uruchomić build Vite z ustawieniami z .env.staging?
  75. 75.Dlaczego buildy produkcyjne powinny używać trybu produkcyjnego Vue?