在 Vue 组件中使用 async/await 关键字的方法，在组件的@click中怎么调用该方法

在 Vue 组件中使用 `async/await` 关键字的方法，可以将其定义为一个 `async` 函数。在组件的 `@click` 中，可以调用该方法并使用 `await` 等待其执行完成后再进行下一步操作。代码示例如下：

<template>
  <button @click="handleClick">点击</button>
</template>

<script>
export default {
  methods: {
    async handleClick() {
      // 定义一个异步函数，使用 async/await 关键字
      const result = await this.asyncFunction()
      console.log(result)
    },
    async asyncFunction() {
      // 异步操作
      return new Promise(resolve => setTimeout(() => resolve('异步操作完成'), 1000))
    }
  }
}
</script>

在上面的代码中，`handleClick` 方法中调用了 `asyncFunction` 方法，并使用 `await` 等待其执行完成后再打印结果。`asyncFunction` 方法是一个异步函数，内部使用 `Promise` 对象来模拟异步操作。