• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

uni与小程序,vue的区别

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

标签区别

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,使用自带的路由。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
安卓小程序(一)计算器发布时间:2022-07-18
下一篇:
微信小程序之分享功能发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap