如果在我们的Vuejs应用程序中使用UI框架(例如Bootstrap-Vue,ElementUI或Vuetify等),则可以从App.vue(或应用程序入口点)中的node_modeules导入整个UI框架组件和样式表,或根据需要在特定的Vue文件/组件中导入特定的ui组件。
这两个方法的演示如下:
在App.vue中
import BootstrapVue from 'bootstrap-vue'
在任何特定的.vue文件中
import {BContainer} from 'bootstrap-vue'
那么,在第一个选项的情况下,由于UI框架的所有组件都在为每个路由更改加载时,它是否会使应用程序变慢或变慢?另外,它正在加载一些不需要的组件。
另一方面,在每个.vue文件中导入每个ui组件非常不方便。
那么,小型或大型Web应用程序的最佳实践是什么?其他JS框架/库链接React或Angular的做法是否相同?提前致谢。
那么,在第一个选项的情况下,由于UI框架的所有组件都在为每个路由更改加载时,它是否会使应用程序变慢或变慢?另外,它正在加载一些不需要的组件。
在全局导入整个程序包时,确实会有所不同。另外,由于您具有导入功能,因此不会为每次路线更改都重新加载软件包App.vue
。第一次加载您的应用程序时,它将完成一次。我发现本文对如何优化将第三方组件加载到vue应用程序非常有帮助。
另一方面,在每个.vue文件中导入每个ui组件非常不方便。
归根结底,您的开发团队愿意在优化应用程序和向import
单个组件中添加多行代码之间进行权衡。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句