在 Vue 2 中，如何将一个动态生成的属性值绑定到 HTML 元素的 class 上？（ ）

在 Vue 2 中，如果你想要将一个动态生成的属性值绑定到 HTML 元素的 class 上，你可以使用 `:class` 指令。这个指令允许你绑定一个对象，其中的键是 class 名称，值是一个布尔表达式，决定这个 class 是否应用到元素上。

假设你有一个 Vue 实例的 data 属性，其中包含了一个动态生成的类名对象，你可以这样做：

data: {
  dynamicClass: {
    'active': true,
    'hidden': false
  }
}

然后在 HTML 中，你可以这样使用：

<div :class="dynamicClass">内容</div>

在这个例子中，`active` 类会被应用到 `<div>` 元素上，因为 `dynamicClass.active` 的值是 `true`。而 `hidden` 类则不会被应用，因为 `dynamicClass.hidden` 的值是 `false`。

你也可以直接在 `:class` 中使用表达式来动态决定 class 名称：

<div :class="{'active': isActive, 'hidden': isHidden}">内容</div>

这里的 `isActive` 和 `isHidden` 应该是 Vue 实例的 data 属性中的布尔值，根据它们的真假来决定 `active` 和 `hidden` 类是否应用到元素上。