工作原理深度剖析

编译时流程

1. 代码解析：编译器解析 .vue 文件，分离模板、脚本、样式
2. 平台适配：根据目标平台转换代码：
   • 小程序端：拆分为 .json、.wxml、.wxss、.js 等平台特有文件
   • H5 端：转换为浏览器可执行的 Vue 代码
   • App 端：转换为原生渲染引擎可识别的代码（nvue 页面编译为原生组件）
3. 条件编译处理：剔除不符合目标平台的代码块
4. 依赖打包：整合第三方依赖，生成平台特定的打包产物

运行时架构

• 小程序端：基于各平台原生框架，使用适配层实现 Vue 语法与小程序 API 的映射
• H5 端：基于 Vue 框架，补充小程序风格的组件库与路由系统
• App 端：
  • 基于自研小程序引擎（支持原生渲染）
  • 集成 V8/JSC 作为 JS 运行时
  • 提供原生能力桥接层（调用摄像头、地图等系统能力）