Vue රාමුවේ class ගුණාංගය

class ගුණාංගය සමඟ වැඩ කිරීම සිදු කරනු ලබන්නේ v-bind නියෝගය හරහා හෝ එහි සංක්ෂිප්ත ආකෘතිය හරහාය. අපි ප්‍රායෝගිකව බලමු. str ගුණයේ අවකාශයන් මඟින් වෙන් කරන ලද ටැගයේ CSS පංති ගබඩා කර ඇතැයි සිතමු:

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

මෙම CSS පංති යම් ටැගයකට එකතු කරමු:

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