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,使用自带的路由。
作者: Homegu
出处:https://www.cnblogs.com/codedisco/p/13920497.html
版权:本文采用「署名-非商业性使用-相同方式共享 4.0 国际」知识共享许可协议进行许可。
觉得文章不错,点个关注呗!
分类:
Web前端
, JavaScript
标签:
前端开发
, JavaScript
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· winform 绘制太阳,地球,月球 运作规律
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理