VueでのCSSクラスを持つインラインオブジェクト
CSSクラスを持つオブジェクトは、
class属性の値として
直接記述できます：
<template>
<p :class="{active: true, error: false}">
text
</p>
</template>
ハイフンを含むクラス名は、 引用符で囲む必要があります：
<template>
<p :class="{active: true, 'has-error': false}">
text
</p>
</template>
次のCSSクラスを持つオブジェクトが あります：
{active: true, valid: false}
このオブジェクトを 何らかのタグに適用してください。
