vue3.0如何写方法

在Vue3.0中，你可以使用`setup`函数来编写组件内部的方法，这个函数类似于React中的`function component`。下面是一个简单的例子：

// 定义一个计算属性和方法
import { ref, computed } from 'vue';

function useCounter() {
  const count = ref(0); // 使用ref存储数据并自动响应式
  function increment() {
    count.value++; // 直接操作ref的值而不是count属性
  }
  
  return {
    count,
    increment
  };
}

export default {
  setup() {
    const { count, increment } = useCounter(); // 将useCounter返回的对象解构赋值

    // 组件模板中可以直接使用methods
    <template>
      <div>
        当前计数：{{ count }}
        <button @click="increment">增加</button>
      </div>
    </template>

    return {}; // 返回一个空对象，告诉Vue3我们在setup里已经配置了所有需要的东西
  }
};

在这个例子中，`increment`就是一个组件内部的方法。注意在模板中通过`@click`绑定事件监听器时，我们直接使用方法名而不需要额外的`this`关键字，这是得益于箭头函数的简洁语法。