为什么Vue3不建议自动引入API

unplugin-auto-import插件

unplugin-auto-import插件可以帮助开发者、在代码中直接使用Vue核心库的功能,而不需要显式地导入它们。
这样可以使代码变得更加简洁和高效,同时也可以减少打字和重复代码的出现。

配置方法

安装
npm i -D unplugin-auto-import
vite.config.ts 配置
// vite.config.ts
import AutoImport from 'unplugin-auto-import/vite'

export default defineConfig({
  plugins: [
    AutoImport({ /* options */ }),
  ],
})

这样就可以不用手动引入了,以前的这些就可以不要了:

//import { ref, reactive, watch, ... } from 'vue'

建议分析

嗯,一切看起来都很好,确实减少了一些我们的工作量。但是也存在一些问题

  1. 编辑器需要配置(webstorm),否则可能会有波浪线警告,也不会自动补全;
  2. cdn加速的时候就不行了;
  3. 这个插件在 代码出错的时候,会混淆代码,更难判断代码错误的地方;
  4. 当你真正遇到没有import的项目,你将无从下手;
  5. 如果项目中还有其他隐式导入的呢,组件内的方法连来源都不知道;

其实,插件只是帮助我们在其他地方import了,一旦某天出事了就不好改了。
而且,现在编辑器都会智能自动帮我们引入,何必多引入一个插件呢
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值