vue3methods写法

在 Vue 3 中，methods 的写法与 Vue 2 中有些不同。下面是一个示例：

<template>
  <button @click="increment">{{ count }}</button>
</template>

<script>
import { ref } from 'vue';

export default {
  setup() {
    const count = ref(0);

    function increment() {
      count.value++;
    }

    return {
      count,
      increment,
    };
  },
};
</script>

在 setup 函数中，我们使用 `ref` 创建了一个响应式数据 `count`。然后我们定义了一个 `increment` 函数，用于将 `count` 值加 1。最后，我们通过 `return` 语句将 `count` 和 `increment` 暴露给模板使用。

需要注意的是，在 Vue 3 中，我们使用 `ref` 和 `reactive` 来创建响应式数据。而且，我们不再需要使用 `data` 函数来声明数据。此外，在模板中，我们也不再需要使用 `this` 来访问数据和方法，而是直接使用变量名即可。