Atributo class no framework Vue

O trabalho com o atributo class é feito através da diretiva v-bind ou sua forma abreviada. Vamos ver na prática. Suponha que a propriedade str armazene as classes CSS da tag, separadas por espaços:

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

Vamos adicionar essas classes CSS a alguma tag:

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