<b>Vue ломается не в шаблоне, а в мелких привычках вокруг него</b>

<b>Vue ломается не в шаблоне, а в мелких привычках вокруг него</b>

В Vue чаще всего страдает не сама архитектура, а дисциплина вокруг компонентов. Есть 4 типовых провала: смешивание логики и разметки в одном SFC, бесконтрольные watch и computed, лишние пропсы «на всякий случай» и мутирование вложенных объектов без явного контракта.

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

Третье: props должны описывать вход, а не внутреннюю кухню. Если компоненту нужно 7 флагов и 3 колбэка, это часто уже не компонент, а кусок страницы. Четвёртое: для сложных форм и таблиц заранее фиксируйте структуру данных, иначе рефакторинг превращается в поиск сломанных связей по всему дереву.

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