VueでのCSSクラスを持つインラインオブジェクト

CSSクラスを持つオブジェクトは、 class属性の値として直接記述できます：

App.vue<template>
  <p :class="{active: true, error: false}">
    text
  </p>
</template>

ハイフンを含むクラス名は、引用符で囲む必要があります：

App.vue<template>
  <p :class="{active: true, 'has-error': false}">
    text
  </p>
</template>

Задание 1

次のCSSクラスを持つオブジェクトがあります：

javascript{active: true, valid: false}

このオブジェクトを何らかのタグに適用してください。