Vue Framework'unda class Özelliği

class özelliği ile çalışma, v-bind direktifi veya onun kısaltılmış formu aracılığıyla gerçekleşir. Pratikte nasıl olduğuna bakalım. str özelliğinde, boşluklarla ayrılmış CSS sınıfları saklansın:

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

Bu CSS sınıflarını bir etiketete ekleyelim:

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