Vue 驱动程序 + H5同构开发框架.pdf

Vue 驱动的 ⼩程序 + H5 同构开发框架 张⽂韬 VueConf 上海 2019.06 About me 张⽂韬 前端⼯程师 @百度-前端技术部 搜索垂类产品横向技术团队 负责 Vue 驱动的多端开发框架Mars Github @allen-zh Why [another] wheel? 我们希望这样的框架我们希望这样的框架………… wheels.some(wheel => wheel.hasAllFeatures([ ⽀持⼩程序⾃定义组件⽀持 H5 同构并提供完整适配开发⽅案, , ⽀持尽量多的⽀持⼩程序⾃定义组件 Vue 特性,, 完美适配⽀持尽量多的 H5 并提供完整的 Vue 特性, H5 ⽅案, 极致性能优化极致性能优化 ]) // => false Why [another] wheel? 我们希望这样的框架…… wheels.filter(wheel => wheel.hasAllFeatures([ ⽀持 H5 同构并提供完整适配开发⽅案, ⽀持⼩程序⾃定义组件, ⽀持尽量多的 Vue 特性, 极致性能优化 ]) // => [‘Mars’] Mars Vue 驱动 ⼀处开发，多端运⾏ 已⽀持百度智能⼩程序、微信⼩程序、H5 (PWA) Github /max-team/Mars ⽂档https://max-team.github.io/Mars/ Mars H5 同构效果 SHOWCASE ：百度家装【装馨家】 How ⼩程序运⾏时适配 实现 Vue 驱动 Vue 单⽂件组件规范 标准⽣命周期规范 基础组件、API 规范 同构 App 框架、路由 同构组件、API 、钩⼦函数 标准 Vue 项⽬ 体验优化 (PWA等⽀持) Vue drive 实例绑定 事件代理 数据同步 ⽣命周期映射 Vue drive with … compiler 通过 modules 编译接⼝ core/platform modules 扩展 render 函数 轻量级定制
 通过运⾏