<b>5 ошибок во Vue-проекте, которые потом превращаются в долгий техдолг</b>

<b>5 ошибок во Vue-проекте, которые потом превращаются в долгий техдолг</b>

Vue обычно про скорость разработки, но типовые промахи потом бьют по поддержке. Первый — хранить слишком много состояния в компоненте, когда часть логики уже просится в composable или store. Второй — смешивать UI, запросы и форматирование в одном файле: компонент растёт, а тестировать его всё больнее.

Ещё две частые проблемы:
— неглубокая структура компонентов, где всё лежит в одном месте и любая правка задевает соседей;
— реактивность “на удачу”, когда computed и watch используют вместо понятной модели данных, а потом ловят лишние перерендеры и скрытые циклы.

Отдельно стоит смотреть на шаблоны: если там много условий, инлайн-функций и тяжёлых вычислений, это почти всегда сигнал вынести логику выше. Иначе код выглядит простым только до первого рефакторинга.

Хорошая проверка для любого Vue-модуля: если компонент нельзя объяснить за 30 секунд, значит он уже делает лишнее. Разрежьте его на визуальный слой, состояние и побочные эффекты — и сопровождать проект станет заметно легче.