vue3自动导入API setup语法糖插件 : 解决import { ref , reactive ... } 引入的问题（安装unplugin-auto-import 插件）

1. 下载安装

npm i unplugin-auto-import -D

2. 在vite.config.js中进行配置

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import AutoImport from 'unplugin-auto-import/vite';
import path from 'path'; // 静态导入 path 模块

export default defineConfig({
  plugins: [
    vue(),
    AutoImport({
      imports: ['vue', 'vue-router']
    })
  ],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src'),
    },
  },
});