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 };
}

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.

Do poczytania

Błąd w pytaniu

Vue · Middle · pytanie 20

Sprawdź się

Rozwiąż test Vue · Middle: pytania i odpowiedzi są tasowane, a na końcu czeka przegląd błędów.

Rozwiąż ten test