<input type="file" id="upload" /> <button id="test" onclick="upload()">上传</button> var file = $('#upload')[0].files[0]; 修改为vue3中的ts格式，不使用jq

在Vue3中，我们可以使用`ref`来获取DOM元素，而不需要使用jQuery等第三方库。同时，为了更好地进行类型检查，我们可以使用TypeScript来编写代码。

以下是将上述代码改写为Vue3 + TypeScript的示例：

<template>
  <div>
    <input type="file" ref="upload" />
    <button @click="uploadFile">上传</button>
  </div>
</template>

<script lang="ts">
import { defineComponent, ref } from 'vue';

export default defineComponent({
  setup() {
    const uploadRef = ref<HTMLInputElement | null>(null);

    const uploadFile = () => {
      const file = uploadRef.value?.files?.[0];
      // 处理上传文件的逻辑
    };

    return { uploadRef, uploadFile };
  },
});
</script>

在以上代码中，我们使用了`ref`来获取上传文件的DOM元素，并使用了TypeScript来声明`uploadRef`的类型为`HTMLInputElement | null`，即可能为空。

然后，我们定义了`uploadFile`方法来处理上传文件的逻辑。在该方法中，我们可以通过`uploadRef.value`来获取上传文件的DOM元素，再通过`.files?.[0]`来获取上传的文件对象。由于可能存在`null`或`undefined`，因此我们使用了可选链运算符`?.`来进行访问。

最后，我们在`setup`函数中通过`return`来返回需要暴露给模板的数据和方法。在模板中，我们可以通过`@click`来监听上传按钮的点击事件，并调用`uploadFile`方法来处理上传文件的逻辑。