无涯教程网

Vue.js 使用 nuxt.js 组件自动导入对性能不利吗

发布于04月09日

I'm using Nuxt.js v2 for my project. Right now, I've enabled nuxt.js auto import for components by setting components: true in my nuxt.config.js file. I'm wondering if using components auto import has any negative effect on performance of my site in production?
Should I import components manually like what you do in vue.js?

推荐答案

自动导入功能只是为了让一些DX(开发人员经验)不必键入全部内容.当您发送代码时(或者在编译过程中)，模板将被扫描，但性能将与手动导入组件时完全相同.

最后，解析仍然需要由Vue渲染引擎完成.因此，Nuxt团队提供了一个工具，可以帮助您更快地编写代码，它不是在模板本身上进行更多编译，而是提前完成.

因此，为什么没有表现惩罚.

实际上有很多库(Nuxt3、Vitesse等等)随着组件的自动导入，API钩子为您完成.不用担心，因为如果它有任何影响，它不会被广泛使用.

Vue.js相关问答推荐

vue3中的转换可以在滑入但不能滑出时工作

Vuetify 复选框未正确显示值

仅在构建时为 Vue3 和 TailwindCSS 添加前缀

在 vue 3 中使用 vue-chartjs：createElement 不是函数

如何在 vue.js 2 的其他组件中调用方法？

apache上的Vue-router，子目录下的SPA，只能通过重定向访问页面

为什么Vue.js 使用单字标签？

Vue.js 过滤数组

Vue-Router 抽象父路由

Nuxt & Vuetify：如何控制 CSS 文件的加载顺序？

如何在 Vue.js 中传递 $router.push 中的数据？

如何克隆props对象并使其无react

如何在 Vuex 中获取 Vue 路由参数？

Nuxt.js - API 调用的最佳场所

按键删除对象不会更新vue组件

如何使用vue.js/nuxt.js获取一个目录下的所有图片文件

Vue.js react性如何在幕后工作？

路由使用 nuxt-i18n 在 nuxt 中推送区域设置路由

使用 Vee-validate 禁用按钮，直到正确填写表单

在另一个 props 的验证器中访问 props 值

实用课程推荐

相关教程推荐