Vue3+Vite2自动载入常用API操作

2022-07-13 156 阅读1分钟

1.我们在写vue3的时候每个api都要频繁的引入像下面这样、很繁琐

  import { reactive, toRefs, onMounted, getCurrentInstance } from 'vue'

2.这时候只需要下载一个插件、并且简单的配置以下就可以解决上面的烦恼了

npm i -D unplugin-auto-import

3.在项目 vite.config.ts/js 进行以下配置、就可以在页面中直接使用api了无需再引入

import AutoImport from 'unplugin-auto-import/vite';

  plugins: [vue(), AutoImport({
    imports: ['vue'],
    dts: 'src/auto-import.d.js'
  })],