Vue ফ্রেমওয়ার্কে class অ্যাট্রিবিউট

class অ্যাট্রিবিউট নিয়ে কাজ করা হয় v-bind ডাইরেক্টিভ বা এর সংক্ষিপ্ত ফর্মের মাধ্যমে। আসুন অনুশীলনে দেখি। ধরুন str প্রপার্টিতে ট্যাগের CSS ক্লাসগুলি স্পেস দ্বারা আলাদা করে সংরক্ষণ করা আছে:

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

আসুন এই CSS ক্লাসগুলি কোনও ট্যাগে যোগ করি:

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