Το χαρακτηριστικό class στο framework Vue

Η εργασία με το χαρακτηριστικό class γίνεται μέσω της directive v-bind ή της συντομογραφίας της. Ας δούμε πρακτικά. Ας υποθέσουμε ότι στην ιδιότητα str αποθηκεύονται CSS κλάσεις της ετικέτας, χωρισμένες με κενά:

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

Προσθέστε αυτές τις CSS κλάσεις σε κάποια ετικέτα:

App.vue<template>
  <p :class="str">κείμενο</p>
</template>