vue3中绑定class

在 Vue 3 中，可以使用 `defineComponent` 方法来定义一个组件，这个方法接收一个包含组件选项的对象。其中，你可以通过 `class` 选项来定义组件的类，它应该是一个普通的 JavaScript 类。

下面是一个示例，展示了如何在 Vue 3 中使用 `class` 定义组件：

import { defineComponent } from 'vue'

class MyComponent {
  constructor(props) {
    this.count = props.count
  }

  increment() {
    this.count++
  }

  render() {
    return (
      <div>
        <span>{this.count}</span>
        <button onClick={() => this.increment()}>Increment</button>
      </div>
    )
  }
}

export default defineComponent({
  name: 'MyComponent',
  props: {
    count: {
      type: Number,
      required: true
    }
  },
  class: MyComponent
})

在上面的示例中，我们创建了一个名为 `MyComponent` 的组件类，它接收一个名为 `count` 的 props。我们可以在类中定义一个 `increment` 方法，用于增加 `count` 的值。在组件的 `render` 方法中，我们使用了类的实例方法 `increment` 来更新 `count` 的值。

最后，我们通过 `defineComponent` 方法来定义组件，并将组件选项对象的 `class` 属性设置为 `MyComponent`，这样就可以使用这个类来渲染组件了。