CSS კლასების ობიექტის ინლაინ გამოყენება Vue-ში

CSS კლასების ობიექტი შეგიძლიათ ჩაწეროთ პირდაპირ როგორც ატრიბუტ class-ის მნიშვნელობა:

<template>
	<p :class="{active: true, error: false}">
		ტექსტი
	</p>
</template>

კლასები, რომელთა სახელები შეიცავს დეფისს, აუცილებე�აა ჩაიწეროს ბრჭყალებში:

<template>
	<p :class="{active: true, 'has-error': false}">
		ტექსტი
	</p>
</template>

მოცემულია შემდეგი ობიექტი CSS კლასებით:

{active: true, valid: false}

გამოიყენეთ ეს ობიექტი რაიმე თეგზე.