Чем class binding отличается от строчная конкатенация классов и когда что выбрать во Vue.js?

Vue.jsJuniorVue Templates & DirectivesСравнениеvue|vuejs|frontend|vue templates & directives|class|class binding

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

Сравнение: class binding нельзя оценивать в вакууме; обычно его сравнивают с строчная конкатенация классов. Выбор зависит от размера компонента, источника состояния, lifecycle, требований к SSR, тестируемости и командных соглашений.

Ответ:

Когда выбирать class binding: когда его свойства напрямую решают задачу.

Плохой ответ: «так принято» без объяснения trade-off. 

<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 проекте?