vue 3 class方法傳值

在 Vue 3 中，可以使用 class 的方法来传递值。下面是一个示例：

<template>
  <div>
    <button @click="updateValue">更新值</button>
    <p>{{ value }}</p>
  </div>
</template>

<script>
class MyClass {
  constructor() {
    this.value = '初始值';
  }

  updateValue() {
    this.value = '更新后的值';
  }
}

export default {
  data() {
    return {
      myClass: new MyClass()
    };
  }
};
</script>

在上面的示例中，我们定义了一个名为 MyClass 的类，它有一个 value 属性和一个 updateValue 方法。在 Vue 的组件中，我们创建了一个 myClass 实例，并将它绑定到组件的 data 中。

当点击按钮时，updateValue 方法会被调用，从而更新 myClass 实例的 value 属性。这个更新会反映到模板中的 {{ value }} ，从而显示更新后的值。

需要注意的是，在 Vue 3 中，class 组件不再支持 this 上的自动绑定。因此，需要确保在方法中使用箭头函数或手动绑定 this。在上面的示例中，我们没有手动绑定 this，因为在 Vue 3 中，箭头函数会自动绑定 this 到组件实例。

希望以上示例对你有帮助！