當瀏覽器載入網頁時，通常會遵循一個預設的流程，先載入 HTML、CSS 和 JavaScript，然後再載入圖片、音頻、視頻等資源。這個預設的流程可能會導致網頁載入速度變慢，用戶體驗不佳。因此，可以使用一些技術來優化網頁載入的速度，其中之一就是按需載入。 按需載入是指根據用戶實際需要，動態地載入資源 ...
1.首先安裝插件
npm install unplugin-auto-import @vitejs/plugin-vue -D
2.安裝完成後在vite.congfig.ts中配置，紅色部分就是關於插件的基礎自動導入部分，這樣就可以將vue和router的相關api全局導入了，
import AutoImport from "unplugin-auto-import/vite"
export default defineConfig({
plugins: [
vue(),
AutoImport({
imports: ["vue", "vue-router"],
dts: "types/auto-imports.d.ts",
}),
],
})
註意：dts: 指定一個 .d.ts 文件路徑，用於保存自動生成的類型聲明文件，這裡可以自定義文件的路徑和名稱用於保存聲明文件，這裡有個關鍵就是在配置完這個後，需要在tsconfig.json文件中配置一下編譯該.d.ts文件，就好像我這裡將該文件放在了根目
所以我們需要在tsconfig.json做如下的一些配置
這裡的include屬性指定需要編譯的文件，所以我們需要將auto-imports.d.ts文件的路徑包含在include裡面才能編譯成功。
這樣就可以成功訪問到對應的api了：
那我們不編譯會怎麼樣呢？不配置這個屬性的話就會出現如下警告：
