如何使用vue3写一个点击一次加一白

你可以按照以下步骤使用Vue3实现点击一次加一的功能：

1. 首先在你的Vue3项目中引入Vue：

import { createApp } from 'vue'

2. 在Vue3中，你可以使用`ref`来创建响应式数据，所以我们可以创建一个`count`变量来跟踪点击次数：

const app = createApp({
  setup() {
    const count = ref(0)
    return { count }
  }
})

3. 然后在模板中使用`v-on:click`指令来绑定点击事件，并调用一个方法来增加`count`变量的值：

<template>
  <div>
    <button v-on:click="increment">+1</button>
    <p>{{ count }}</p>
  </div>
</template>

4. 最后，实现`increment`方法来增加`count`变量的值：

const app = createApp({
  setup() {
    const count = ref(0)

    const increment = () => {
      count.value++
    }

    return { count, increment }
  }
})

完整代码如下：

<template>
  <div>
    <button v-on:click="increment">+1</button>
    <p>{{ count }}</p>
  </div>
</template>

<script>
import { createApp, ref } from 'vue'

const app = createApp({
  setup() {
    const count = ref(0)

    const increment = () => {
      count.value++
    }

    return { count, increment }
  }
})

app.mount('#app')
</script>