Options API

Options API структурирует компонент через `data`, `props`, `computed`, `methods`, `watch`, `emits` и lifecycle hooks как ключи объекта. Vue связывает `this` и reactivity за этими опциями.

| Опция | Роль | |-------|------| | data | Фабрика локального reactive state | | computed | Кэшированные производные значения | | methods | Обработчики и императивные действия | | watch | Side effects при изменении зависимостей |

По-прежнему встречается в legacy и подходит для малых компонентов. Vue 3 допускает оба стиля в одном проекте.

На интервью: Options API не deprecated — выбор между colocation и размазанной по ключам логикой.

Типовые ошибки: стрелочные functions в `methods` ломают `this`, мутация props, гигантский `data` без выноса.

Компромисс: привычные ключи опций для малых компонентов против размазанной логики в объекте для сложных фич.

Чеклист:

• Малые компоненты или горячие пути в Composition.
• computed для производных, не дублируйте data.
• Явные emits для контракта с родителем.
• Порядок lifecycle для side effects.