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

奥斯曼·拉菲(Osman Rafi)

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

这两个方法的演示如下:

对于Scenerio 1

在App.vue中

import BootstrapVue from 'bootstrap-vue'

对于Scenerio 2

在任何特定的.vue文件中

import {BContainer} from 'bootstrap-vue'

那么,在第一个选项的情况下,由于UI框架的所有组件都在为每个路由更改加载时,它是否会使应用程序变慢或变慢?另外,它正在加载一些不需要的组件。

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

那么,小型或大型Web应用程序的最佳实践是什么?其他JS框架/库链接React或Angular的做法是否相同?提前致谢。

哥萨曼

那么,在第一个选项的情况下,由于UI框架的所有组件都在为每个路由更改加载时,它是否会使应用程序变慢或变慢?另外,它正在加载一些不需要的组件。

在全局导入整个程序包时,确实会有所不同。另外,由于您具有导入功能,因此不会为每次路线更改都重新加载软件包App.vue第一次加载您的应用程序时,它将完成一次。在此处输入图片说明我发现本文对如何优化将第三方组件加载到vue应用程序非常有帮助。

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

归根结底,您的开发团队愿意在优化应用程序和向import单个组件中添加多行代码之间进行权衡

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

有没有比Swing更好的Java应用程序框架?

Vue JS应用程序对象语法

使用Java和Vue创建Web应用程序的更好方法

Vue JS + Django应用程序架构

Laravel Vue js spa应用程序

在Xcode中导入框架的应用程序不会使用框架中翻译后的字符串资源

Vue.js应用程序部署

mongodb,express.js应用程序部署最佳实践

我应该使用多个Meteor.js应用程序还是单个应用程序?

使用Rails应用程序和Vue.js应用程序设置Nginx + Passenger

是否有更好的方法从控制台应用程序启动UWP应用程序

在React应用程序中导入单个组件

Vue Js应用程序无法显示页面

在Vue Js应用程序中找不到元素

在vue js应用程序中未定义Axios

SwiftUI应用程序的NavigationView中的onAppear和onDisappear是否表现正常?

托管Node.js + MongoDB应用程序的最佳实践

在Vue应用程序中导入Chessboard.js的问题

GIMP可以使全局应用程序菜单表现得更好吗?

在应用程序层或使用order by子句对数据进行排序是否更好?

作为单个实例运行许多Node js应用程序

将Node.js应用程序导入Intellij IDEA

在某些应用程序中,开源图形驱动程序是否比专有驱动程序更好?

Angular JS UI示例应用程序无法正常工作

SignalR是否适合我的Web应用程序,还是有更好的选择?

Django 应用程序中的外部 JS 最佳实践

对于 Laravel + React 应用程序哪个更好,REST API 调用或刀片包含反应组件?

原生 Quarkus 应用程序是否比 JVM 上的应用程序更好?

使用 I/O Bound 应用程序导入静态还是动态更好