<script setup> 的页面如何引用和使用vue-upload-component

在 `<script setup>` 中使用 `vue-upload-component`，需要先安装该组件，可以使用以下命令安装：

npm install vue-upload-component

安装后，在组件中引入并注册组件：

<script setup>
import VueUploadComponent from 'vue-upload-component'
import { ref } from 'vue'

const file = ref(null)

export default {
  components: {
    VueUploadComponent
  }
}
</script>

<template>
  <div>
    <vue-upload-component v-model="file" />
  </div>
</template>

在上面的例子中，我们通过 `import` 引入了 `vue-upload-component` 组件，并在组件选项中注册了该组件。然后在模板中使用该组件，并使用 `v-model` 绑定了 `file` 变量，表示上传的文件。需要注意的是，`vue-upload-component` 中的上传文件默认是通过 FormData 的方式上传的，可以通过设置 `xhr` 属性来自定义上传方式。

另外，由于 `<script setup>` 是 Vue 3 中的新特性，需要确保你的项目中使用的是 Vue 3 版本。如果你正在使用 Vue 2 版本，应该使用传统的 `<script>` 语法来编写组件。