uni与小程序,vue的区别
标签区别
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,使用自带的路由。