Vue မှာ CSS အတန်းများနှင့် inline object
CSS အတန်းများပါသော object ကို
class attribute ၏တန်ဖိုးအဖြစ်
တိုက်ရိုက်ရေးသားနိုင်ပါသည်။
<template>
<p :class="{active: true, error: false}">
text
</p>
</template>
ဟိုင်ဖန်ပါသောအတန်းအမည်များကို ပုဒ်ဖြတ်များထဲတွင် ထည့်ရပါမည်။
<template>
<p :class="{active: true, 'has-error': false}">
text
</p>
</template>
CSS အတန်းများပါသော object အောက်ပါအတိုင်းရှိသည်။
{active: true, valid: false}
ဤ object ကို tag တစ်ခုခုတွင် အသုံးပြုပါ။