Composition API - это новая возможность во Vue.js, которая была представлена в версии 3.0. Она предоставляет альтернативный способ написания компонентов, который позволяет лучше организовывать и переиспользовать код.

Основные принципы Composition API:

Логическая группировка: С Composition API вы можете группировать логически связанный код внутри одной композиционной функции. Это делает код более структурированным и легким для понимания.
Более гибкий код: Composition API позволяет более свободно организовывать код, так как он не ограничен жизненным циклом компонента. Это упрощает переиспользование логики между компонентами.
Уменьшение сложности компонентов: С Composition API вы можете разбить большие компоненты на более мелкие и простые части, что облегчает поддержку и тестирование.

Пример кода: