Vue မှာ CSS အတန်းများနှင့် inline object

CSS အတန်းများပါသော object ကို class attribute ၏တန်ဖိုးအဖြစ် တိုက်ရိုက်ရေးသားနိုင်ပါသည်။

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

ဟိုင်ဖန်ပါသောအတန်းအမည်များကို ပုဒ်ဖြတ်များထဲတွင် ထည့်ရပါမည်။

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

javascript{active: true, valid: false}