Vueフレームワークにおけるclass属性

class属性の操作は、 ディレクティブv-bindまたは その省略形を通じて行われます。 実際に見てみましょう。 プロパティstrに、 スペースで区切られたタグのCSSクラスが 格納されているとします：

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

これらのCSSクラスを あるタグに追加しましょう：

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