写一段vue3 compoisition api风格的代码

好的，下面是一个使用Vue 3 Composition API编写的简单计数器组件的例子：

<template>
  <div>
    <p>Count: {{ count }}</p>
    <button @click="increment">+1</button>
  </div>
</template>

<script>
import { ref } from 'vue'

export default {
  setup() {
    const count = ref(0)
    
    function increment() {
      count.value++
    }

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

在这个例子中，我们使用了Vue 3的Composition API，通过`setup()`函数来定义组件的逻辑。这里我们使用了`ref()`函数来创建一个响应式的计数器`count`，并且定义了一个`increment()`函数来实现计数器的加1操作。最后，我们在`return`语句中将`count`和`increment`暴露出去，以便在模板中使用。

通过这种方式，我们可以更加灵活地组织组件的逻辑和状态，并且更容易地进行代码复用和测试。