vite 自动导入

在使用 vue3 组合式API 编写页面时，需要手动引入很多 vue 、vue-router … 等方法

例如：

import {
    onMounted, reactive, ref, toRef } from 'vue';
import {
    useRoute, useRouter } from 'vue-router'

可以使用 unplugin-auto-import 插件通过在 vite 中配置来告别手动导入

安装

yarn add unplugin-auto-import

配置

// vite.config.js
import AutoImport