标签区别
uni使用小程序的标签,vue使用web端的标签
标签名变化的:
标签描述\类别 |
vue |
uniapp |
文本 |
span\font |
text |
链接 |
a |
navigator/ router-link |
图片 |
img |
image |
输入框 |
input |
input[type=[confirmtype]] |
多选 |
select |
picker |
外部框架 |
iframe |
web-view |
列表 |
ul、li |
view |
标签名未变的:
form, button,checkbox,label,textarea,video
不推荐使用的:
不内置audio标签,改成api方式由外部引入。
老的html标签是可以使用的,但为了兼容性,不做考虑。
新增手机端常用组件
- scroll-view:可区域性公董视图容器
- swiper:可滑动区域视图容器
- icon图标
- rich-text:富文本
- progress:进度条
- slider:滑块指示器
- switch:开关选择器
- progress:进度条
- camera:照相机
- map:地图
- cover-view:可覆盖原生组件的视图容器。 cover-view需要多强调几句,uni-app的非h5端的video、map、canvas、textarea是原生组件,层级高于其他组件。如需覆盖原生组件,比如在map上加个遮罩,则需要使用cover-view组件
JS
uniapp的api是参考小程序的,因而与浏览器端的api有所不同
标签描述\类别 |
原生js |
uniapp |
弹框 |
alert,confirm |
uni.showmodel |
发送网络请求 |
ajax axios |
uni.request |
存储 |
local.storage |
uni.storage |
cookie、session在uni不被支持
在不同客户端,支持条件编译,可以无限制使用各端独有的api,如果有小程序基础,可以直接将“wx.” 改为 “uni.”
路由
uni不支持vue-router,使用自带的路由。
|
请发表评论