vue3 类中变量

在Vue 3中，可以通过在类中定义变量来实现类似于全局变量的功能。下面是一个示例：

<template>
  <div>
    <button @click="increaseCount">Increase Count</button>
    <p>Count: {{ count }}</p>
  </div>
</template>

<script>
class MyComponent {
  count = 0;

  increaseCount() {
    this.count++;
  }
}

export default {
  setup() {
    const component = new MyComponent();

    return {
      count: component.count,
      increaseCount: component.increaseCount,
    };
  },
};
</script>

在上面的示例中，我们创建了一个名为`MyComponent`的类，并在其中定义了一个名为`count`的变量。然后，在`setup`函数中，我们实例化了这个类，并将`count`变量和`increaseCount`方法返回给模板进行使用。

这样，我们就可以在Vue 3的类组件中定义变量，并在模板中使用它们了。