Vue-da CSS klasslari bilan inline obyekt
CSS klasslari obyektini
to'g'ridan-to'g'ri class
atributi qiymati sifatida yozish mumkin:
<template>
<p :class="{active: true, error: false}">
matn
</p>
</template>
Defis qatnashgan klass nomlarini tirnoq ichiga olish kerak:
<template>
<p :class="{active: true, 'has-error': false}">
matn
</p>
</template>
Quyidagi CSS klasslari obyekti berilgan:
{active: true, valid: false}
Ushbu obyektni biron bir tegga qo'llang.