A class attribútum a Vue keretrendszerben

A class attribútummal való munka a v-bind direktíván vagy annak rövidített formáján keresztül történik. Nézzük meg a gyakorlatban. Tegyük fel, hogy a str tulajdonságban a CSS osztályok vannak tárolva, szóközzel elválasztva:

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

Adjuk hozzá ezeket a CSS osztályokat valamilyen taghez:

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