vue3的自动引入ref,computed,reactive等，下载插件 unplugin-auto-import ，在Vite.config.ts 配置

const username = ref(‘’);
这时任意.vue 文件 都要引入 import { ref } from ‘vue’，不然会报ref 找不到。

为了方便，不用每一个文件都引用，我们只需下载 npm i unplugin-auto-import -D 插件

npm i unplugin-auto-import -D

在vite.config.js中进行配置

// 配置完之后使用ref reactive watch 等无需import 导入，可以直接使用
import AutoImport from "unplugin-auto-import/vite";
  plugins: [
    vue(),
    AutoImport({
      include: [
        /\.[tj]sx?$/, // .ts, .tsx, .js, .jsx
        /\.vue$/,
        /\.vue\?vue/, // .vue
        /\.md$/, // .md
      ],
      imports: ["vue", "vue-router"], // 自动导入
      //这个一定要配置，会多出一个auto-import.d.ts文件，
      dts: 'src/auto-import.d.ts'
    }),
  ]