Vue3 setup语法糖插件

解决import { ref , reactive ... } 引入的问题，可以实现自动引入

 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'

const path = require('path')

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