Vue Framework တွင် Class Attribute ကိုအသုံးပြုခြင်း

class attribute ကိုအသုံးပြုခြင်းသည် v-bind directive သို့မဟုတ် ၎င်း၏အတိုကောက်ပုံစံမှတစ်ဆင့် လုပ်ဆောင်ပါသည်။ လက်တွေ့တွင် ကြည့်ကြရအောင်။ str property ထဲတွင် Tag ၏ CSS Class များကို ကြားခြားနေသောနေရာ (space) များဖြင့် သိမ်းထားသည်ဆိုပါစို့။

javascriptdata() {
  return {
    str: 'active valid',
  }
}

မည်သည့် Tag ထဲသို့မဆို CSS Class များကို ဤနည်းဖြင့်ထည့်ကြည့်ပါမည်။

App.vue<template>
  <p :class="str">text</p>
</template>