在 Vue 中，你可以通过绑定一个属性（属性名为 "value"）到一个类名（类名为 "class-name"）来根据不同值给组件赋予不同的 class。以下是一个简单的示例：

```html

```

在这个示例中，我们定义了一个名为 "items" 的数组，每个元素都是一个对象，包含了 "value" 属性和 "index" 属性。我们还为数组中的每个元素定义了一个类名（类名为 "item"）。

然后，我们在模板中使用 "v-for" 指令来遍历数组，并为每个元素绑定 "value" 属性。这样，当 "value" 属性改变时，相应的类名也会随之改变。

如果你希望在模板中根据 "value" 属性的值来改变类名，你可以使用一个变量来存储当前的类名，然后在模板中使用这个变量。以下是一个示例：

```html

```

在这个示例中，我们在模板中定义了一个名为 "items" 的数组，每个元素都是一个对象，包含了 "value" 属性和 "index" 属性。我们还为数组中的每个元素定义了一个类名（类名为 "item"）。

然后，我们在模板中使用 "v-for" 指令来遍历数组，并为每个元素绑定 "value" 属性。同时，我们还使用一个变量来存储当前的类名。当 "value" 属性改变时，我们通过更新变量的值来改变当前的类名。

请注意，这只是一个基本示例，实际使用时你可能需要根据你的具体需求来调整类名的绑定逻辑。