问UI框架的“单个组件导入”实践是否使Vue js应用程序表现得更好？

EN

因此，在第一种情况下，当UI框架中的所有组件都在为每次路由更改加载时，它是否会使应用程序执行得更慢或更少？另外，它还加载了一些不需要的组件。

当您在全局导入整个包时，这确实会产生影响。而且，它不会为每次路由更改重新加载包，因为您在App.vue中有导入。它将在你的应用程序第一次加载时完成一次。

我发现这个文章对于如何优化加载第三方组件到vue应用程序非常有帮助。

另一方面，在每个.vue文件中导入每个ui组件是非常不方便的。

最后，关键在于您的开发团队愿意在优化应用程序和在各个组件中添加多行import代码之间进行多少权衡。

方案1-在全球范围内注册所有组件

• 库中的所有组件都可以随时随地使用。
• 如果更改或更新库，并且某些组件名称已更改，则在构建时不会收到任何错误。

场景2-本地选择特定组件

• 当您想要使用每个组件时，必须导入它会变得很烦人。
• 只有实际使用(导入)的组件才会包含在包中(如果使用webpack或类似的组件)。结果产生了较小的束大小。
• 更清楚地看到模板，并知道每个组件来自何处。如果您有很多全局定义的组件，那么组件和它的来源之间没有明确的联系。
• 如果更改或更新库，并且某些组件名称已更改，则会因缺少模块而导致生成错误。