setup语法可以不用再一个一个的把变量和方法都return出去就能在模板上使用，对于一些常用的VueAPI，比如ref、computed、watch等，还是每次都需要我们在页面上手动进行import。
通过unplugin-auto-import实现自动导入，无需import即可在文件里使用Vue的API。
安装：
yarn add unplugin-auto-import --dev
//或者
npm i unplugin-auto-import -D
在vite.config.js文件中添加配置：
plugins: [
AutoImport({
// dts: 'src/auto-imports.d.ts', // 可以自定义文件生成的位置，默认是根目录下
imports: ['vue']
})
]
完成配置之后会自动生成auto-imports.d.ts文件，并且声明了vue 的API
⚠️注意：如果项目中使用了
eslint，直接在文件中使用vue的api会提示报错，
解决方案：通过安装vue-global-api 解决相关报错
npm i vue-global-api -D
// 或
yarn add vue-global-api --dev
// eslintrc.js
module.exports = {
extends: [
'vue-global-api'
]
}
//main.ts
import 'vue-global-api'
