Attributet class i ramverket Vue

Arbetet med attributet class sker genom direktivet v-bind eller dess förkortade form. Låt oss titta på det i praktiken. Antag att egenskapen str innehåller CSS-klasser för taggen, separerade med mellanslag:

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

Lägg till dessa CSS-klasser till någon tagg:

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