前端vue开发项目中的技术框架【简单推荐】

浅浅的花香味﹌ 2022-12-18 07:58 284阅读 0赞

# PC管理后台类型 #

**技术选用：** vue + element-ui  
**选择理由：**

*  选择vue的原因

> 概述：前端主流MVVM框架, vue相对react写起来更方便，vue比react更容易上手，vue文档完善，社区繁荣，适用于做单页面应用，如：管理后台。

> 1 轻量级框架，体积小

> 2 采用虚拟dom, 运行效率高

> 3 双向数据绑定，使用简便

> 4 生态丰富，学习成本低

*  为什么选择element-UI

> 从 标准(标准化生产)、生态(周边产品，社区繁荣度)、成熟度(完成度与文档)、视觉(设计、美观、易用、交互) 几个方面来说。

> Element-UI 是国内做 Vue 最早，也最成熟的一家。用户群体多，遇到问题基本都能解决。

> View UI（原 iView） - 国内 Vue 生态圈内的佼佼者，由公司进行维护。

> vue+element-ui+admin系统有很多完善的模板可用

**文档地址：**[https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/\#%E5%8A%9F%E8%83%BD][https_panjiachen.gitee.io_vue-element-admin-site_zh_guide_E5_8A_9F_E8_83_BD]

**在线示例：**[https://panjiachen.github.io/vue-admin-template/\#/dashboard][https_panjiachen.github.io_vue-admin-template_dashboard]

**截图：**  
![image.png][]

# 移动端H5 #

## 仅需要支持H5 ##

**技术选用：** vue + vant

**选择理由：**

*  选择vant的原因

> 简介：有赞公司开发的。

> 优点：社区活跃，组件多，视觉良好，完善的文档和示例。

> 易于开发H5页面，支持自定义主题。

> Mint UI

> 简介： 饿了么公司基于vue开的的vue的Ui组件库

> 优点： 组件内容丰富。

> 缺点： github上最近更新日期是3年前了，意味着如果使用时候发现有bug，要么选择花时间去修改，要么赶紧换组件。

**文档地址：**[https://youzan.github.io/vant/\#/zh-CN/home][https_youzan.github.io_vant_zh-CN_home]

## 需要多端【移动H5 + 公众号 + 小程序 + 混合app】支持 ##

**技术选用：** vue + uniapp

**选择理由：**

*  选择uniapp的原因

> uni-app是一套可以适用多端的开源框架,一套代码可以同时生成ios，Android，H5，微信小程序，支付宝小程序，百度小程序等。

> uni-app对前端开发人员比较友好，学习成本比较低，首先uni-app是基于vue.js的。

> uni-app拓展能力强，封装了H5+,支持nvue，也支持原生Android，ios开发。

**文档地址：** \[https://uniapp.dcloud.io/template\](https://uniapp.d cloud.io/template)

[https_panjiachen.gitee.io_vue-element-admin-site_zh_guide_E5_8A_9F_E8_83_BD]: https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/#%E5%8A%9F%E8%83%BD
[https_panjiachen.github.io_vue-admin-template_dashboard]: https://panjiachen.github.io/vue-admin-template/#/dashboard
[image.png]: /images/20221122/9932d73c75f84a6f856c76645ce28894.png
[https_youzan.github.io_vant_zh-CN_home]: https://youzan.github.io/vant/#/zh-CN/home