Class-atribuut Vue raamistikus

Töötamine atribuudiga class toimub läbi direktiivi v-bind või selle lühendatud kuju. Vaatame praktikas. Olgu omaduses str hoitud CSS klassid märgendis, tühikutega eraldatud:

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

Lisame need CSS klassid mõnda märgendisse:

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