Какой опыт работы с Composition API

Composition API — это более гибкая альтернатива Options API во Vue 3. Он позволяет логически группировать код по функциональности, а не по опциям (data, methods и т.д.).

Основные преимущества:

• Лучшая организация кода в больших компонентах
• Переиспользование логики через composable-функции
• Типизация с TypeScript становится проще

Пример:

import { ref, computed } from 'vue';

export default {
  setup() {
    const count = ref(0);
    const doubleCount = computed(() => count.value * 2);

    function increment() {
      count.value++;
    }

    return { count, doubleCount, increment };
  }
}

Composables (аналоги миксинов, но лучше):

// useCounter.js
import { ref } from 'vue';

export function useCounter() {
  const count = ref(0);
  const increment = () => count.value++;
  return { count, increment };
}

Использовал в продакшене, особенно удобно для сложной логики и переиспользуемых функций.