uniapp⽣态UI框架选择之uView（@莫成尘）
市场上的uni-ui框架有很多，都有哪些合适uniapp⽽不仅仅是针对单⼀的⼩程序的才是作为uni开发者最想知道的，接下来给您推荐uView（不仅仅是UI库也是⼀个js库）⽬前开发中的2.0版本多端⽀持并全⾯兼容nvue.
郑重承诺：uView永远都不会出所谓的pro，plus版本，也永不收费
（uView是uni-app⽣态专⽤的UI框架，uni-app 是⼀个使⽤ Vue.js 开发所有前端应⽤的框架，开发者编写⼀套代码， 可发布到iOS、Android、H5、以及各种⼩程序(/⽀付宝/百度/头条/QQ/钉钉)等多个平台(引⾔⾃uni-app⽹)。）
.
.
安装教程最后⼀步完成时需要重新编译程序才会⽣效（内容不多，请耐⼼读完）
// npm 下载 uview-ui
npm install uview-ui
// 更新
npm update uview-ui
// 查看当前版本
console.log(this.$u.config.v);
//配置步骤共计四步都⾮常容易上⼿
//第⼀步在main.js中复制以下两⾏
import uView from"uview-ui";
Vue.use(uView);
//第⼆步在uni.scss中复制以下代码
@import'uview-ui/theme.scss';
//第三步在App.vue 中复制以下代码放在第⼀⾏，并加⼊lang='scss'属性
<style lang="scss">
/* App.vue */
@import"uview-ui/index.scss";
</style>
//第四步也是最后⼀步在pages.json中插⼊
// pages.json  和pages 平级
{
"easycom":{
"^u-(.*)":"uview-ui/components/u-$1/u-$1.vue"
},
// 此为本⾝已有的内容
"pages":[
// ......
]
}
那么，为什么推荐uview，⽽不是如colorUI,vantweapp甚或者是uni-ui呢。
1. 是否为uniapp量⾝定做
1. 举例，vantweapp针对⼩程序⽽作，并不针对uniapp，其引⼊相对繁杂。代码规范遵循原⽣开发。
以下是举例代码
<!--使⽤vantweapp
如您想引⼊tab切换需要这样引⼊组件-->
"usingComponents":{
"van-tab":"@vant/weapp/tab/index",
"van-tabs":"@vant/weapp/tabs/index"
}
<!--事件的绑定并不是vue中的@change  同时数据的绑定也不是：active='active'-->
<van-tabs active="{{ active }}" bind:change="onChange">
<van-tab title="标签 1">内容1</van-tab>
<van-tab title="标签 2">内容2</van-tab>
<van-tab title="标签 3">内容3</van-tab>
<van-tab title="标签 4">内容4</van-tab>
前端ui框架是什么意思
</van-tabs>
<!--使⽤uview则不同您只需要在完成下载和配置之后这样使⽤即可
其配置完成就会将uview 视为⼀个⾃⾝的组件来进⾏使⽤相当于⼀个⼦组件-->
<u-tabs :list="list":is-scroll="false":current="current" @change="change"></u-tabs>
```
2. 案例，API，是否轻松易懂，容易上⼿
1. API 中vantweapp 相对好看易懂，其次是uView
2. 不得不承认vant站的技术⾓度相对更加通透，但我们在开发中发现，经常性的⽆法让⼀个新⼿安装好vantweapp。⽽且在vue中
使⽤vantweapp⼜很⼤的不习惯和更多的出错率。
3. 是否符合开发需要
这⾥您将会看到uView另⼀个⾮常⼤的优势。 JS 封装 。
包含了 ：
1.Http⽹络请求
2. Api的集中管理 （这两点我的其他⽂章也有专门讲述，不过我极⼒推荐您使⽤我的⽅式，因为我使⽤了更加原⽣的底层原理）
3. 节流和防抖（相信很多⼩伙伴还是靠百度）
4. 时间格式的转化。
5. 数组对象的处理
6. …等等
附图
相信这些⾜够符合您的开发需要
4. 模块性。
针对商城购物，uView⾸页模块管理给您带来了很多好⽤的功能，（附图）
相信您会很快上⼿使⽤，尤其是根据您的喜好，uview可以应对您⼤部分的需求，⽽商城有关您⼜可以使⽤'模块'⼀些常⽤的 js 更加便利您的使⽤，uniapp本⾝相对较⼤，使⽤uview 也会适量的节省您的空间资源。
其他有关uniapp的疑问或者此⽅法不理解的地⽅您可留⾔，我会尽快回复并帮您解决。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。