vue3+setup语法

Vue 3使用了新的Composition API，并且在组件内使用了新的`<script setup>`语法来使用Composition API。这里是一个使用Vue 3 + `<script setup>`的示例：

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

<script setup>
import { ref } from 'vue'

const count = ref(0)

function increment() {
  count.value++
}
</script>

在这个示例中，我们使用了`<script setup>`标签包裹了我们的脚本，并从Vue中导入了`ref`函数。我们还使用`const`关键字来定义了一个名为`count`的响应式变量，并使用`function`关键字定义了一个名为`increment`的函数，该函数在按钮被点击时会将`count`的值加1。最后，我们在模板中使用`{{ count }}`来展示`count`变量的值，并在按钮上绑定了`@click="increment"`事件。