江苏龙网

  1. 主页 > 生活百科 > >

我们为什么选择Vuetify作为前端框架

Vuetify

尝试了很多不同的前端框架，最终我们选择Vuetify（https://vuetifyjs.com）前端框架 。
从Bootstrap开始，到iview，Buefy，elementUI，我们都是不断的尝试了多种不同的前端Vue框架，最终选择Vuetify，并在公司所有项目中使用Vuetify作为后端管理页面的前端框架，下面来介绍一下我们为什么选择这个框架 。
iView是我们使用的第一个vue框架，当时觉得比较简单，而且使用起来比较小巧，但是用了两个月之后，发现一堆问题，随着项目规模变大，框架的性能降低，整个项目运行会比较慢，而且耗内存，并且想要对iView进行再次扩展，会比较难 。果断放弃了该框架 。不过如果你的项目比较小，而且对于扩展性要求不高的话，就基于iView框架进行进行开发的话，使用iView也是没有什么问题的 。
Buefy（https://buefy.org）是不错的前端框架，非常轻量级，项目打包之后size非常小，PC端和移动的自适应效果不错，缺点就是框架现有组件不是很丰富，需要自己开发组件 。
之后，采用大家都喜欢使用的element-UI框架，element-UI框架的好处大家都清楚，这里说下，为什么我们没有选择它，第一就是，更新不及时，版本升级慢，前端框架都是经常升级的，没有及时升级，要支持最新的其他第三方js库，非常不方便，第二，如果要做更多高级的开发，需要进行二次开发的地方就比较多，比如组件异步加载等 。第三，如果用来开发网站等类似静态应用，就不说话很方便，比如与nuxt进行网站开发，然后需要做更多的工作 。如果只是用来进行项目应用后台开发，还是很不错的选择 。
最终，我们还是选择Vuetify作为使用的框架，

我们为什么选择Vuetify作为前端框架

文章插图
与其他框架相比，Vuetify覆盖了几乎其他前端框架的功能，组件丰富，移动端和pc端能进行比较好的自适应 。框架的可扩展性强，可以根据框架的组件，开发出更高效的组件 。
基于vue cli提供了Vuetify Plugin，集成更加方便，基本上实现一键集成，一个命令就能集成，省去很多配置 。
二次开发更加容易，基于Vuetify提供的框架进行二次开发，更加的容易 。
组件按需加载，Vuetify框架内置了组件的按需加载，只要引用Vuetify组件，都是按需加载，大大减轻了进一步处理的时间成本 。
【我们为什么选择Vuetify作为前端框架】vuetify与其他框架的集成，集成比较简单，以nuxt框架的集成为例，能方便的进行集成，简单的集成，就能使用，并且和后台管理的功能页面使用无差别，可以加快使用的成本 。
框架的持续的更新升级，基本每周都有更新，框架组件更新及时 。便于系统技术升级 。
不过使用Vuetify还是可能存在一些缺点，
Vuetify框架使用难度相对于其他框架较高，而且文档以英文文档较多，中文文档比较少，对于刚使用的开发者来说，这可能会是一个问题，不过，如果你有问题的话，可以私信我，我们可以提供帮助 ：） 。（btw：软件技术人员应该还是需要比较好的专业英文能力的）
目前，我们的平台和网站，全部采用Vuetify框架完成
采用Nuxt+Vuetify开发，并实现网站页面静态化处理，网站地址：http://www.qz-tech.cc/
网站采用Vuetify+vue开发，地址：https://mall.qz-tech.cc/login
以供大家参考
最后，想要说的是，前端框架多种多样，框架选型，还是要根据项目规模，需求，和自己的喜好来，没有一种框架是包治百病的，框架只是工具而且，希望我的分享对你有所启发 。




    推荐阅读


    上一篇：Spring MVC 核心调用流程

    下一篇：全方位剖析 Linux 操作系统，太全了