import { ref, reactive, onMounted } from 'vue'
import { useRoute, useRouter } from 'vue-router'
項目里很多文件都需要引入這些公共庫,比較繁瑣,使用一個小工具可以自動導入,就不需要在每個文件里面都寫這些導入的代碼了。
通過命令行下載安裝
npm install unplugin-auto-import
然后去配置文件去修改配置,由于我目前的項目是vite,所以直接去vite.config.ts這個文件去修改
引入剛剛下載插件的包,配置plugins,指定生成類型聲明文件的路徑
import ViteAutoImport from 'unplugin-auto-import/vite'// 插件配置plugins: [vue(),ViteAutoImport ({resolvers: [ElementPlusResolver()],imports: ['vue', 'vue-router', 'pinia'],dts: '@types/auto-imports.d.ts',}),],