Vue和Uni-app的区别

有一些HTML标签转换成了小程序特有的标签:

 - div 改成 view
 - span、font 改成 text
 - a 改成 navigator
 - img 改成 image
 - input 还在,但type属性改成了confirmtype
 - select改成 picker
 - iframe 改成 web-view
 - ul、li没有了,都用view替代
 - 有一些老标签其实还是可以使用的 它在运行的时候会自动转换成新标签  但不推荐这样使用因为这样调试H5端时容易混乱

还有一些除改动外新添了一些手机端常用的新组建如:

 - scroll-view 可区域滚动视图容器
 - swiper 可滑动区域视图容器
 - icon 图标
 - rich-text 富文本(不可执行js,但可渲染各种文字格式和图片)
 - progress 进度条
 - slider 滑块指示器
 - switch 开关选择器
 - camera 相机
 - live-player 直播
 - map 地图
 - cover-view 可覆盖原生组件的视图容器

cover-view需要多强调几句,uni-app的非h5端的video、map、canvas、textarea是原生组件,层级高于其他组件。如需覆盖原生组件,比如在map上加个遮罩,则需要使用cover-view组件

因为uni-app的api是参考小程序的,所以和浏览器的js api有很多不同,如:

 1.alert,confirm 改成 uni.showmodel
 2.ajax axios 改成 uni.request
 3.cookie、session 没有了,local.storage 改成 uni.storage
 4.vue-router没有了,改成了 uni.navigateTo

uniapp自带路由和请求方式

uni.navigateTo 路由与页面跳转
uni.request 网络请求

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值