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

Question

如果在我们的Vuejs应用程序中使用UI框架（例如Bootstrap-Vue，ElementUI或Vuetify等），则可以从App.vue（或在应用程序入口点）的node_modeules中导入整个UI框架组件和样式表。 ），或根据需要在特定的Vue文件/组件中导入特定的ui组件。

这两个方法的演示如下：

用于场景1]

在App.vue中

import BootstrapVue from 'bootstrap-vue'
用于场景2]
在任何特定的.vue文件中

import {BContainer} from 'bootstrap-vue'
因此，在第一个选项的情况下，由于UI框架的所有组件都在为每个路由更改加载时，它是否会使应用程序的运行速度变慢或变慢？另外，它正在加载不需要的某些组件。
另一方面，在每个.vue文件中导入每个ui组件非常不方便。

那么，小型或大型Web应用程序的最佳实践是什么？其他JS框架/库链接React或Angular的做法是否相同？预先感谢。

[如果在我们的Vuejs应用程序中使用UI框架（例如Bootstrap-Vue，ElementUI或Vuetify等），则可以从...中的node_modeules导入整个UI框架组件和样式表。

Answer 1

方案1 –全局注册所有组件

• 库中的所有组件都可以在任何地方使用。

Answer 2

因此，在第一个选项的情况下，由于UI框架的所有组件都在为每个路由更改加载时，它是否会使应用程序的运行速度变慢或变慢？另外，它正在加载不需要的某些组件。