当前位置: 首页 > article >正文

使用unplugin-auto-import自动导入vue3的api,不需要在每一个.vue文件中重复去导入操作

1、unplugin-auto-import包的作用

自动导入Vue3的API‌:自动导入Vue 3的Composition API(如ref、reactive、computed等)以及其他常用库的API,如Vue Router的useRoute、useRouter或Pinia的defineStore等

2、unplugin-auto-import的配制

import AutoImport from "unplugin-auto-import/vite";
export default defineConfig({
  plugins: [
    ...
    AutoImport({
      imports: [
        "vue",
        "vue-router"
      ],
      dts: true, //会生成一个auto-import.d.ts文件,默认在根目录下
    }),
  ],
  resolve: {
    alias: {
      "@": fileURLToPath(new URL("./src", import.meta.url)),
    },
  },
});

以下是可配制的参数:

3、配制完成以后会生成一个文件:

4、.vue文件中不需要import相应的api


http://www.kler.cn/a/589779.html

相关文章:

  • 蓝桥杯嵌入式赛道复习笔记1(按键控制LED灯,双击按键,单击按键,长按按键)
  • SpringBoot(6)——Springboot整合springmvc
  • 量子计算 × 虚拟现实:未来科技的双剑合璧
  • 遥感数据处理
  • Linux:信号的生命周期分析,以及捕捉信号时中断触发的内核态拦截与用户态处理时机
  • 下拉菜单+DoTween插件
  • Houdini :《哪吒2》神话与科技碰撞的创新之旅
  • C语言经典代码题
  • 从 YOLOv1 到 YOLOv2:目标检测的进化之路
  • 轨迹规划:基于查找的(search-based)路径规划算法
  • C#特性和反射
  • MySQL高频八股——事务过程中Undo log、Redo log、Binlog的写入顺序(涉及两阶段提交)
  • 异常(11)
  • Linux 日志与时间同步指南
  • 2024浙江大学计算机考研上机真题
  • 【蓝桥杯】省赛:神奇闹钟
  • 自然语言处理(2)—— NLP之百年风雨路
  • Android第三次面试(Java基础)
  • 蓝牙系统的核心组成解析
  • Secs/Gem第一讲 · 总结精华版(基于secs4net项目的ChatGpt介绍)