Vue · Middle · Запитання 20 з 75
Що таке 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 };
}- ✓Правильна відповідь: Функція на Composition API, що інкапсулює й перевикористовує логіку зі станом
- 2Компонент без шаблону
- 3Міксин Vue 2, переписаний на TypeScript
Пояснення
Кожен виклик створює власний стан. За домовленістю composables називають useXxx, викликають синхронно в setup і повертають ref'и. VueUse - велика колекція готових composables.