vue 随机绑定class

在 Vue 中，你可以使用动态绑定 class 的语法来为元素随机绑定 class。

首先，你需要定义一个变量来存储你想要绑定的 class 的名称。然后，你可以使用这个变量在 template 中绑定 class。

例如：

<template>
  <div :class="dynamicClass">Hello World</div>
</template>

<script>
export default {
  data() {
    return {
      dynamicClass: 'red'
    }
  }
}
</script>

在上面的例子中，我们定义了一个变量 `dynamicClass` 并将其绑定到了 `div` 元素的 class 上。这个 `div` 将会渲染为红色。

你还可以使用 JavaScript 表达式来动态计算 class 名称。例如，你可以使用一个随机数来随机绑定 class。

<template>
  <div :class="dynamicClass">Hello World</div>
</template>

<script>
export default {
  data() {
    return {
      dynamicClass: Math.random() > 0.5 ? 'red' : 'blue'
    }
  }
}
</script>

在这个例子中，我们使用了 JavaScript 表达式 `Math.random() > 0.5 ? 'red' : 'blue'` 来随机决定将 `red` 或者 `blue` 绑定到 `div` 的 class 上。