Composition API группирует логику по функциям, а не по опциям (data, methods). composable — функция useXxx(), возвращающая реактивное состояние и методы.
Хуки жизненного цикла: onMounted, onUpdated, onUnmounted. onMounted — запросы к API, подписки; onUnmounted — очистка.
Переиспользуйте composables между компонентами: useFetch, useAuth, useLocalStorage.
// useMouse.js
import { ref, onMounted, onUnmounted } from 'vue'
export function useMouse() {
const x = ref(0)
// ... listeners
return { x, y }
}onMounted(() => console.log('mounted'))
onUnmounted(() => cleanup())Книга, игра и упражнения доступны без регистрации. Видеоуроки — после оплаты курса.