比如你用 **[[Quasar]]** 做了一个项目，代码是用 Vue.js 写的，实际上项目运行时： - 在浏览器打开，就是一个普通的 **[[H5]] 网页**（Web 应用）； - 使用 Quasar 内置的构建模式（如 [[Electron]]），它就可以编译为一个桌面应用； - 使用 Quasar 内置的 Capacitor/Cordova 模式，就能输出到安卓或 iOS 手机平台，并打包为原生应用（.apk 或.ipa）。 也就是说： > **Ionic Vue、Quasar、Uniapp 都是「基于H5」，再通过特殊的构建工具封装为「类原生App」的技术方案。** - Ionic Vue、Quasar、Uniapp 都是**基于H5技术栈（HTML、CSS、JavaScript）** 构建跨平台应用的框架。 - 这些框架的底层其实就是H5，只不过在此基础上做了大量**封装和优化**，实现类似原生App的体验，并能将代码发布到多个平台（如手机App、桌面App、小程序、H5网页等）。 - - **因此，直接选择 Ionic Vue 或 Quasar 时：** - 你现有的 Vue3 开发技能和经验可直接复用。 - 无需额外学习全新的前端开发模式或语法，只需掌握框架提供的 UI 组件、构建工具和平台适配知识。 | 技术 | Ionic Vue | Quasar | Uniapp | | ------- | ---------- | --------------- | ----------- | | 基础框架 | Vue.js | Vue.js | Vue.js | | 多平台构建能力 | 强大 | 强大 | 强大（侧重小程序）| | UI组件库 | 自带丰富UI | 自带丰富UI | 有自带UI，也有扩展 | | 适配平台 | Web、App、桌面 | Web、App、桌面、扩展插件 | 小程序、Web、App | | 开发生态 | 国际社区，活跃 | 国际社区，极其活跃 | 国内社区，文档丰富 | | 侧重点 | 移动端App体验 | 全场景跨平台 | 小程序生态 | | | | | |