uni与小程序,vue的区别

标签区别

uni使用小程序的标签,vue使用web端的标签

标签名变化的:

标签描述\类别vueuniapp
文本span\fonttext
链接anavigator/ router-link
图片imgimage
输入框inputinput[type=[confirmtype]]
多选selectpicker
外部框架iframeweb-view
列表ul、liview

标签名未变的:

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有所不同

标签描述\类别原生jsuniapp
弹框alert,confirmuni.showmodel
发送网络请求ajax axiosuni.request
存储local.storageuni.storage

cookie、session在uni不被支持

在不同客户端,支持条件编译,可以无限制使用各端独有的api,如果有小程序基础,可以直接将“wx.” 改为 “uni.

路由

uni不支持vue-router,使用自带的路由。