使用 nuxt.js 组件自动导入是否会降低性能？

Question

我在我的项目中使用 Nuxt.js v2。现在，我通过在文件中设置启用了nuxt.js 自动导入组件。我想知道使用组件自动导入是否会对我的网站在生产中的性能产生负面影响？ 我应该像在 vue.js 中那样手动导入组件吗？components: truenuxt.config.js

Answer 1

自动导入功能只是为了一些 DX（开发人员经验）而不必输入整个内容。当您发送代码时（或者可能在编译期间）将扫描模板，但性能将与手动导入组件完全相同。

最后，无论如何解析都需要由Vue渲染引擎来完成。因此，Nuxt 团队在这里提供了一个可以帮助您更快编码的工具，它不是在模板本身上进行更多编译，而是提前进行。

因此为什么没有性能损失。

实际上有很多库（Nuxt3、Vitesse等）可以为您自动导入组件和Composition API 挂钩。不用担心，因为即使它有任何影响，它也不会被广泛使用。