Інлайн аб'ект з CSS класамі ў Vue

Аб'ект з CSS класамі можна пісаць непасрэдна ў якасці значэння атрыбута class:

<template>
	<p :class="{active: true, error: false}">
		text
	</p>
</template>

Класы, назвы якіх змяшчаюць злучок, неабходна браць у двукоссі:

<template>
	<p :class="{active: true, 'has-error': false}">
		text
	</p>
</template>

Дадзены наступны аб'ект з CSS класамі:

{active: true, valid: false}

Прымяніце дадзены аб'ект да якіх-небудзь тэгу.