Question

class属性值为字符串，所以我们一般这样定义该属性：

<div class="hello vdt"></div>

当class属性值需要动态变更时，我们可以这样定义：

<div class={"hello" + (isVdt ? ' vdt' : '')}></div>

采用字符串拼接的方式，看起来并不优雅。Vdt提供了一种优雅的做法，我们可以将属性值设为对象， 该对象所有取值为true的属性名，都会被渲染成class属性值

所以上例可以改成：

<div class={{hello: true, vdt: isVdt}}></div>
{"isVdt": 1}
<div class="hello vdt"></div>