Vue · Middle · Pytanie 20 z 75
Czym jest composable?
export function useMouse() {
const x = ref(0), y = ref(0);
const update = (e) => { x.value = e.pageX; y.value = e.pageY; };
onMounted(() => window.addEventListener("mousemove", update));
onUnmounted(() => window.removeEventListener("mousemove", update));
return { x, y };
}- ✓Poprawna odpowiedź: Funkcją wykorzystującą Composition API do enkapsulacji i ponownego użycia logiki ze stanem
- 2Komponentem bez szablonu
- 3Mixinem z Vue 2 przepisanym na TypeScript
Wyjaśnienie
Każde wywołanie tworzy własny stan. Zgodnie z konwencją composables nazywa się useXxx, wywołuje synchronicznie w setup i zwraca refy. VueUse to duża kolekcja gotowych composables.