Vue да CSS синфлари билан инлайн объект
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}
Бу объектни бирор тегга қўлланг.