uview=uniapp+vue,uView是uni-app生态专用的UI框架。
1. 注意uview版本,uview 2.0与uview1.0
官方提示:uView2.0是继1.0
以来的一次重大更新,2.0
已全面兼容nvue
。
因此在接手项目的时候首先得看清楚,之前开发的是uview1还是2,package.json中的dependencies中可以看到如下所示:
可以看到,本项目使用的是2版本,因此在使用uview时,应该注意是2还是1版本。
2. API的不同。
比如上图中红框所示:uview2比较1版本,props以及events都有改变。
如keyName,该API是提供修改list中的Name值,在1版本中,该API为name,应该在写程序时,参考网上代码时要注意该代码是基于哪个版本写的,否则直接引用是无效的。
另外,新增的event事件“click”使用时也要注意,它的@click事件名是不需要加()的。
3. 修改uview中的style
当自己想要修改u-tabs中的font-size等,有时候通过控制台查看是无效的,此时可以使用如下方法:
&-tab{background-color: #FFFFFF;padding: 0 4% 0 2%;color: #969799;font-size: 24rpx !important;::v-deep {.u-tabs__wrapper__nav__item__text{font-size: 24rpx;}}}
使用深度作用选择器“v-deep”可以修改你想修改的style。
4. 建议
使用之前先看清楚版本,然后再根据版本去官网看看你需要用到的组件的API,这样使用起来会比较准确快速。
最后
整理了一套《前端大厂面试宝典》,包含了HTML、CSS、JavaScript、HTTP、TCP协议、浏览器、VUE、React、数据结构和算法,一共201道面试题,并对每个问题作出了回答和解析。
有需要的小伙伴,可以点击文末卡片领取这份文档,无偿分享
部分文档展示:
文章篇幅有限,后面的内容就不一一展示了
有需要的小伙伴,可以点下方卡片免费领取