vue 组件传值class值

在 Vue 中，组件之间可以通过 props 属性进行传值。

例如，如果你希望父组件能够给子组件传递一个 class 值，你可以在父组件中使用如下代码：

<template>
  <child-component class="some-class"></child-component>
</template>

在子组件中，你可以通过定义 props 属性来声明组件接收 class 值，如下所示：

<script>
export default {
  name: 'child-component',
  props: ['class'],
  // ...
}
</script>

在子组件的模板中，你就可以使用 `class` 属性绑定的值了：

<template>
  <div class="container {{class}}">
    <!-- ... -->
  </div>
</template>

这样，你就可以在父组件中动态控制子组件的 class 值了。