vue3里面怎样写方法

在 Vue3 中，您可以使用以下两种方式来定义方法：

1. 在组件的 `methods` 选项中定义方法。例如：

<template>
  <div>
    <button @click="sayHello">Say Hello</button>
  </div>
</template>

<script>
import { defineComponent } from 'vue'

export default defineComponent({
  methods: {
    sayHello() {
      console.log('Hello, world!')
    }
  }
})
</script>

2. 在组件的 `setup` 函数中定义方法。例如：

<template>
  <div>
    <button @click="sayHello">Say Hello</button>
  </div>
</template>

<script>
import { defineComponent } from 'vue'

export default defineComponent({
  setup() {
    const sayHello = () => {
      console.log('Hello, world!')
    }

    return {
      sayHello
    }
  }
})
</script>

注意，第二种方式中定义的方法需要通过 `return` 语句返回到模板中使用。与 Vue2 不同，Vue3 的 `setup` 函数中的方法和属性都是响应式的，不需要使用 `this` 关键字来访问。