选择Vuetify作为前端框架的益处

Vedu • 2020-08-22 08:36 • 界面设计 • 阅读 3792

尝试了很多不同的前端框架，最终我们选择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覆盖了几乎其他前端框架的功能，组件丰富，移动端和pc端能进行比较好的自适应。框架的可扩展性强，可以根据框架的组件，开发出更高效的组件。

基于vue cli提供了Vuetify Plugin，集成更加方便，基本上实现一键集成，一个命令就能集成，省去很多配置。

二次开发更加容易，基于Vuetify提供的框架进行二次开发，更加的容易。

组件按需加载，Vuetify框架内置了组件的按需加载，只要引用Vuetify组件，都是按需加载，大大减轻了进一步处理的时间成本。

vuetify与其他框架的集成，集成比较简单，以nuxt框架的集成为例，能方便的进行集成，简单的集成，就能使用，并且和后台管理的功能页面使用无差别，可以加快使用的成本。

框架的持续的更新升级，基本每周都有更新，框架组件更新及时。便于系统技术升级。

不过使用Vuetify还是可能存在一些缺点，

Vuetify框架使用难度相对于其他框架较高，而且文档以英文文档较多，中文文档比较少，对于刚使用的开发者来说，这可能会是一个问题，不过，如果你有问题的话，可以私信我，我们可以提供帮助：）。（btw：软件技术人员应该还是需要比较好的专业英文能力的）

目前，我们的平台和网站，全部采用Vuetify框架完成

采用Nuxt Vuetify开发，并实现网站页面静态化处理，网站地址：http://www.qz-tech.cc/

网站采用Vuetify vue开发，地址：https://mall.qz-tech.cc/login

以供大家参考

最后，想要说的是，前端框架多种多样，框架选型，还是要根据项目规模，需求，和自己的喜好来，没有一种框架是包治百病的，框架只是工具而且，希望我的分享对你有所启发。

内容出处：，

声明：本网站所收集的部分公开资料来源于互联网，转载的目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品，请与我们取得联系，我们会及时修改或删除。文章链接：http://www.yixao.com/surface/10008.html

选择Vuetify作为前端框架的益处

相关推荐

发表评论