Какие антипаттерны искать в Vue-компоненте

Изменения props нарушают владение данными, побочный эффект в computed делает вычисления непредсказуемыми, а индекс key путает идентичность строк при перестановке.

Короткий ответ

Что ответить на собеседовании

Изменения props нарушают владение данными, побочный эффект в computed делает вычисления непредсказуемыми, а индекс key путает идентичность строк при перестановке.

Подробный разбор

Ответ с пояснениями

Условие

Компонент мутирует props.items, отправляет запрос из computed и использует индекс массива как key в редактируемом списке. Объясните проблемы и предложите замену.

Ответ

Изменения props нарушают владение данными, побочный эффект в computed делает вычисления непредсказуемыми, а индекс key путает идентичность строк при перестановке.

Передавайте намерение изменения через emit и обновляйте данные у владельца. Computed оставляйте чистым вычислением; запрос запускайте из явного действия или watch с обработкой устаревших ответов. Для key используйте устойчивый ID элемента. Если нужен локальный черновик props, создайте отдельное состояние и явно определите его синхронизацию.

ИИ-помощник для собеседований

Хочешь уверенно проходить собеседования?

Попробуй ИИ-помощник для собеседований: слышит вас и собеседника, анализирует экран, подсказывает ответы в реальном времени, работает без VPN и не попадает в захват экрана.

Подробнее