vue3.0用户代码片段

以下是一个简单的 Vue 3.0 用户代码片段：

<template>
  <div>
    <h1>{{ message }}</h1>
    <button v-on:click="increment">Click me</button>
  </div>
</template>

<script>
import { ref } from 'vue'

export default {
  setup() {
    const count = ref(0)
    const message = ref('Hello, Vue 3.0!')

    function increment() {
      count.value++
    }

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

这段代码定义了一个组件，包括一个标题和一个按钮。当按钮被点击时，计数器会增加。使用 `ref` 创建响应式数据，并在 `setup` 函数中返回组件实例的数据和方法。