Какая типичная ошибка при работе с class binding во Vue.js и как ее исправить?

Vue.jsJuniorVue Templates & DirectivesОшибка кандидатаvue|vuejs|frontend|vue templates & directives|class|class binding

Что хотят услышать интервьюеры:

Частая ошибка: писать слишком сложные выражения в template или использовать нестабильные key в v-for.

Ответ:

Как исправить: вернитесь к ответственности темы «class binding», сделайте поток данных явным и проверьте поведение при изменении состояния.

На собеседовании: полезно назвать симптом: UI не обновляется, появляются лишние renders, stale data, memory leak, XSS-риск, плохой UX или сложность тестирования. 

<div :class="{ active: isActive }" />

Источники

Похожие вопросы

Vue Templates & Directives Как правильно применять class binding в реальном Vue.js проекте? Vue Templates & Directives Чем class binding отличается от строчная конкатенация классов и когда что выбрать во Vue.js? Vue Templates & Directives Как правильно применять key в v-for в реальном Vue.js проекте? Vue Templates & Directives Как правильно применять style binding в реальном Vue.js проекте?