Как вы знаете, Vue 3 предложил два вида разработки: Composition API и Options API. Я советую использовать Composition API как можно скорее.
Options API
Options API был создан как пример постепенной миграции после сложного перехода от Vue 2 к Vue 3. Выглядит Options API так:
export default {
data() { return { name: 'Басковский Лайв', }; },
methods: { doIt() { console.log(`Привет ${this.name}`); }, },
mounted() { this.doIt(); },
};
Чем Composition API лучше, чем Options API
Благодаря Composition API мы можем писать реактивный код в любом месте. Кроме того, он лучше работает с типизацией TypeScript. Мы больше не привязаны к синтаксиса Vue. Любой код становится так называемым Composables. Еще одним плюсом является отсутствие this, что считается одним из болячек JavaScript, так как проблема с работе контекстом одна из самых ярких в среде начинающих разработчиков.
Какие же минусы
Минусы тоже есть. Самый главный минус - закрытие разработчиков на фреймворке Vue. Мигрировать после будет сложнее, так как появляется специфичная магия фреймворка, которой нет в стандартах EcmaScript.
Итог
После переход на Composition API я заметил, что кода в моих шаблонах стало меньше, код стал более структурирован и лучше работает типизация.