入门uniapp

1 基础部分总结

⚡ 30 秒速记

• uni-app 是一套代码多端发行的跨端框架：编译到小程序（微信/支付宝/百度等）、H5、App（iOS/安卓）
• 开发语法基于 Vue（Vue 2/Vue 3 都支持），组件和 API 向微信小程序规范看齐（uni.xxx 对应 wx.xxx）
• 跨端不是"一次编写处处完美" —— 平台差异靠 条件编译（#ifdef）和平台专属 API 兜底
• 选型判断：主战场是小程序 + 需要顺带出 H5/App → 合适；只做单一平台或对原生体验要求极高 → 直接用原生更好
• 最大的实际成本不是学习曲线，而是多端调试和真机验证 —— 每加一个平台就多一套测试矩阵

uni-app 本质上是用 Vue 语法和小程序风格的 API 编写一套代码，再发布到小程序、Web 和 App 等平台。 它的优势是技术栈通用、生态较完整，平台特色能力可以通过条件编译或专属 API 适配。工程配置主要集中在 pages.json、manifest.json 和 App.vue，网络请求通常基于 uni.request 统一封装。跨端不等于各端表现天然一致，状态栏、生命周期和渲染能力仍要按目标平台做真机验证。

什么是UniApp？它有哪些特点和优势？

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台

uni-app简单来说是 vue的语法 + 小程序的api，它遵循Vue.js语法规范，组件和API遵循微信小程序命名，这些都属于通用技术栈，学习它们是前端必备技能，uni-app没有太多额外学习成本

uni-app 支持的手机版本最低到多少

• Web端：uni-app没有限制，同vue2和vue3自身能支持的浏览器版本
• 小程序端：uni-app没有限制，同该小程序自身能支持的最低平台
• App端：
  • Vue2: Android4.4+、iOS9+。Android4.4已经是2013年发布的手机了。
  • Vue3: 支持的范围是：Android >=5 （使用nvue和vue有区别。某些老国产Android5的rom无法动态升级Android system webview，此时如果使用vue页面需搭配x5内核） , iOS >= 10

uniapp特点

• 跨平台更多
  • 真正做到一套代码、多端发行
  • 条件编译：优雅的在一个项目里调用不同平台的特色功能
• 运行体验更好
  • 组件、api与微信小程序一致
  • 兼容weex原生渲染
• 通用技术栈，学习成本更低
  • vue的语法、微信小程序的api
  • 内嵌mpvue
• 开发生态，拥抱社区
  • 支持通过npm安装第三方包
  • 支持微信小程序自定义组件及SDK
  • 兼容mpvue组件及项目
  • app端支持和原生混合编码
  • dcloud插件市场