一个vue.js前端应用框架，编写一套代码，可以发布到IOS、android\PC上、以及各种小程序
uniapp入门环境搭建
组成体
- uni-app = vue.js + 微信小程序
缺点
- 性能差
搭建步骤
下载
下载【https://uniapp.dcloud.net.cn/】
创建项目
项目目录结构
项目源码
源码【https://gitee.com/jysemel-web/uniapp-sample-demo】
运行和错误解决
- 执行
- 报错
- 解决
.vue和.uvue 区别
| 对比维度 | 传统 .vue（uni-app JS引擎版） | 新一代 .uvue（uni-app x） |
|---|---|---|
| 核心定位 | 使用 JavaScript 引擎，一次开发，多端发行（App、H5、小程序） | 使用原生渲染（基于 uts 语言），追求极致性能，不支持小程序，主打 App 和 Web |
| 文件后缀 | .vue | .uvue |
| 项目入口 | App.vue | App.uvue |
| 语法基础 | 标准 Vue 语法（Vue 2 / Vue 3），可直接使用 Vue 生态库 | 基于 Vue 3 组合式 API，但非 Web 平台会编译为原生代码，不能直接使用传统 Vue 生态库 |
| 运行方式 | App 端：WebView 渲染 + 原生混合 小程序：小程序原生渲染 | App 端：纯原生渲染（性能接近原生） Web 端：基于 Vue 3 的 SPA |
| 跨端覆盖 | App (iOS/Android)、H5、各家小程序、快应用等 | App (iOS/Android)、H5（不支持小程序） |
| 性能表现 | 中等，复杂的页面滚动/动画可能掉帧 | 高，直接操作原生 API，支持高性能绘制和高频交互 |
| 代码复用 | 一套代码可发所有端（包括小程序） | 无法用于小程序，但 iOS/Android/H5 体验高度一致 |
目录解析
- uni.css 全局样式
- pages.json 页面配置
- manifest.json 应用配置
- main.js 第一个运行的js
- index.html 项目入口
- App.vue 第一个组件
- pages 页面
- static 静态资源
增加一个页面
