CINXE.COM

<!DOCTYPE html> <html lang="en-US" dir="ltr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>首页 | Mpx 框架</title> <meta name="description" content="A VitePress site"> <meta name="generator" content="VitePress v1.6.3"> <link rel="preload stylesheet" href="/assets/style.D9lwO_cj.css" as="style"> <link rel="preload stylesheet" href="/vp-icons.css" as="style"> <script type="module" src="/assets/app.-jTyqA5_.js"></script> <link rel="preload" href="/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin=""> <link rel="modulepreload" href="/assets/chunks/theme.wl7iradx.js"> <link rel="modulepreload" href="/assets/chunks/framework.BRjwFPxv.js"> <link rel="modulepreload" href="/assets/index.md.De5Lhfdz.lean.js"> <link rel="icon" href="/favicon.ico"> <link rel="manifest" href="/manifest.webmanifest"> <script type="text/javascript">(function(e,r,t,i,a,n,s){e[t]=e[t]||function(){(e[t].q=e[t].q||[]).push(arguments)},n=r.createElement(i),n.async=1,n.src="https://www.clarity.ms/tag/"+a,s=r.getElementsByTagName(i)[0],s.parentNode.insertBefore(n,s)})(window,document,"clarity","script","jtvvy52wxy");</script> <meta name="author" content="Mpx 框架"> <meta property="og:type" content="website"> <meta name="og:title" content="Mpx 框架"> <meta name="og:description" content="深度性能优化的增强型小程序开发框架"> <meta property="og:image" content="https://mpxjs.cn/logo.png"> <meta property="og:url" content="https://mpxjs.cn/"> <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script> <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script> <link rel="manifest" href="/manifest.webmanifest"> </head> <body> <div id="app"><div class="container"><div><header class="header" data-v-396c6310><div class="head-container" style="" data-v-396c6310><a href="/" data-v-396c6310><div class="logo" data-v-396c6310>mpx</div></a><div class="row" data-v-396c6310><div class="header__line" data-v-396c6310></div><nav class="nav" data-v-396c6310><a href="/guide/basic/start.html" class="nav-link" data-v-396c6310>指南 </a></nav><nav class="nav" data-v-396c6310><a href="/api/" class="nav-link" data-v-396c6310>API </a></nav><nav class="nav" data-v-396c6310><a href="/articles/" class="nav-link" data-v-396c6310>文章 </a></nav><nav class="nav" data-v-396c6310><a href="https://github.com/didi/mpx/releases" target="_blank" class="nav-link" data-v-396c6310>更新记录 </a></nav><nav class="nav" data-v-396c6310><a href="https://github.com/didi/mpx" target="_blank" class="nav-link" data-v-396c6310>GitHub </a></nav><div class="searchBox-wrapper" data-v-396c6310><div class="searchBox" data-v-396c6310><div class="VPNavBarSearch" data-v-396c6310><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="搜索文档"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">搜索文档</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div></div></div></div></div></div></header><div style="position:relative;overflow:hidden;min-width:950px;background:#f5f5f5;" data-v-6a81a1df><div class="one-section__img1" data-v-6a81a1df></div><div class="one-section__img2" data-v-6a81a1df></div><section class="one-section" data-v-6a81a1df><div class="one-section__inner one-section__content" data-v-6a81a1df><div style="display:inline-block;" data-v-6a81a1df><h2 class="one-section__title" data-v-6a81a1df>增强型跨端小程序框架</h2><p class="one-section__desc" data-v-6a81a1df>良好的开发体验，极致的应用性能，完整的原生兼容，一份源码跨端输出所有小程序平台及Web。</p><button class="one-section__btn one-section__enter" data-v-6a81a1df><a class="white-link" href="/guide/basic/start.html" data-v-6a81a1df>快速进入</a></button><button class="one-section__btn one-section__github" data-v-6a81a1df><a class="blue-link" href="https://github.com/didi/mpx" target="_blank" data-v-6a81a1df>Github</a></button></div></div><div class="one-section__inner" data-v-6a81a1df></div></section><section class="two-section" data-v-6a81a1df><ul class="row" data-v-6a81a1df><li class="two-section__item" data-v-6a81a1df><img src="https://dpubstatic.udache.com/static/dpubimg/PsrcQ_igBl/texing_icon_you.png" alt="svg" loading="lazy" width="80" style="height:80px;display:inline-block;" data-v-6a81a1df><p class="two-section__title" data-v-6a81a1df>高性能</p><p class="two-section__desc" data-v-6a81a1df>Mpx 高度关注小程序性能与包体积，深度整合了运行时性能优化与包体积分析优化能力，让开发者在大部分场景下只需专注于业务开发，就能生产出媲美甚至超出原生的高性能小程序应用。</p><div class="two-section__line" data-v-6a81a1df></div></li><li class="two-section__item" data-v-6a81a1df><img src="https://dpubstatic.udache.com/static/dpubimg/N7sc6TZnja/texing_icon_gao.png" alt="svg" loading="lazy" width="80" style="height:80px;display:inline-block;" data-v-6a81a1df><p class="two-section__title" data-v-6a81a1df>优体验</p><p class="two-section__desc" data-v-6a81a1df>以增强的方式将 Vue 中优良的开发特性引入到小程序开发中，如数据响应、组合式 api 等，配合强大的工程化能力，大大提升了小程序开发的体验与效率，同时保障了框架开发的可维护性与可预期性。</p><div class="two-section__line" data-v-6a81a1df></div></li><li class="two-section__item" data-v-6a81a1df><img src="https://dpubstatic.udache.com/static/dpubimg/bJMx84lznm/texing_icon_kua.png" alt="svg" loading="lazy" width="80" style="height:80px;display:inline-block;" data-v-6a81a1df><p class="two-section__title" data-v-6a81a1df>跨平台</p><p class="two-section__desc" data-v-6a81a1df>Mpx 专注解决小程序跨端问题，通过静态转译与运行时适配结合，将一份源码跨端输出到所有开放的小程序平台和 web 环境下运行，同时最大限度减少跨端带来的性能与包体积损失。</p><div class="two-section__line" data-v-6a81a1df></div></li></ul></section><section class="three-section" style="background-image:url(https://gift-static.hongyibo.com.cn/static/kfpub/3547/todomvc_bg_v3.png);" data-v-6a81a1df><div class="three-section__inner" data-v-6a81a1df><div data-v-6a81a1df><div class="three-section__todo" data-v-6a81a1df><div class="three-section__phone" data-v-6a81a1df><img width="410" style="height:712px;max-width:none;" src="https://dpubstatic.udache.com/static/dpubimg/Vx5n_3YCtP/anli_pic_phone.png" alt="phone" loading="lazy" data-v-6a81a1df></div><div class="three-section__iframe" data-v-6a81a1df><iframe title="todo示例" scrolling="no" width="325" height="617" src="https://gift-static.hongyibo.com.cn/static/kfpub/3547/index.html" frameborder="0" data-v-6a81a1df></iframe></div></div></div><div class="three-section__mvc" data-v-6a81a1df><div data-v-6a81a1df><span class="dot-inner" style="background:#fff;margin:0 auto;" data-v-6a81a1df></span><p class="white-text title" data-v-6a81a1df>示例项目</p><p class="white-text desc" data-v-6a81a1df> 扫码体验 Mpx 版本的 <a class="target-link" href="https://github.com/didi/mpx/tree/master/examples/mpx-todoMVC" data-v-6a81a1df>todoMVC</a> 在各个小程序平台和 web 中的一致表现，更多示例项目可点击 <a class="target-link" href="https://github.com/didi/mpx/tree/master/examples" data-v-6a81a1df>这里</a> 进入查看。 </p></div><div class="code-list" data-v-6a81a1df data-v-0239b1a8><div class="code-list__item" data-v-0239b1a8><img width="150" style="height:170px;" src="https://gift-static.hongyibo.com.cn/static/kfpub/3547/wx-qrcode.jpg" alt="code" loading="lazy" data-v-0239b1a8></div><div class="code-list__item" data-v-0239b1a8><img width="150" style="height:170px;" src="https://gift-static.hongyibo.com.cn/static/kfpub/3547/ali-qrcode.jpg" alt="code" loading="lazy" data-v-0239b1a8></div></div></div></div></section><section class="section four-section" data-v-6a81a1df><div class="grow four-section__bg" style="background-image:url(https://gift-static.hongyibo.com.cn/static/kfpub/3547/jizhi_bg_v3.png);" data-v-6a81a1df></div><div class="four-section__inner" data-v-6a81a1df><div class="grow" style="position:relative;" data-v-6a81a1df><img width="412" src="https://dpubstatic.udache.com/static/dpubimg/jvACYsEQfm/jizhi_pic.png" alt="svg" loading="lazy" data-v-6a81a1df></div><div class="four-section__text grow" data-v-6a81a1df><div style="margin-left:86px;" data-v-6a81a1df><div data-v-6a81a1df><span class="dot-inner" data-v-6a81a1df></span><p class="title" data-v-6a81a1df>极致性能</p><p class="desc" data-v-6a81a1df>得益于增强的设计思路，Mpx 在运行时没有复杂的封装抹平逻辑，而是专注于实现数据响应，setData 优化和 Composition api 等关键增强能力，压缩后体积占用仅为 60KB；配合编译构建中灵活强大的包体积分析优化能力，Mpx 在性能与包体积方面做到了业内最优。</p></div><button class="btn" data-v-6a81a1df><a href="/guide/basic/start.html" class="white-link" data-v-6a81a1df>点击进入</a></button></div></div></div></section><section class="section five-section" data-v-6a81a1df><div class="grow five-section__bg" style="background-image:url(https://gift-static.hongyibo.com.cn/static/kfpub/3547/jianjin_bg_v3.png);" data-v-6a81a1df></div><div class="five-section__inner" data-v-6a81a1df><div class="five-section__text grow" data-v-6a81a1df><div style="margin-right:86px;" data-v-6a81a1df><div data-v-6a81a1df><span class="dot-inner" data-v-6a81a1df></span><p class="title" data-v-6a81a1df>渐进迁移</p><p class="desc" data-v-6a81a1df>同样得益于增强的设计思路，Mpx 能够完整兼容小程序原生技术规范，并以较低的成本进行持续跟进；借助框架提供的渐进迁移能力，小程序开发者可以方便地在 Mpx 项目中使用已有的原生开发生态，如组件库，统计工具等，同时也能将 Mpx 开发的组件输出到原生小程序项目中使用。</p></div><button class="btn" data-v-6a81a1df><a href="/guide/basic/start.html" class="white-link" data-v-6a81a1df>点击进入</a></button></div></div><div class="grow" style="position:relative;display:flex;justify-content:flex-end;" data-v-6a81a1df><img width="412" src="https://dpubstatic.udache.com/static/dpubimg/k5Ft6oWF6F/jianjin_pic.png" alt="svg" loading="lazy" data-v-6a81a1df></div></div></section><section class="six-section" style="background-image:url(https://gift-static.hongyibo.com.cn/static/kfpub/3547/kaifa_bg_v3.png);" data-v-6a81a1df><div class="six-section__inner" data-v-6a81a1df><div style="text-align:center;" data-v-6a81a1df><span class="dot-inner" style="background:#fff;margin:0 auto;" data-v-6a81a1df></span></div><p class="title six-section__title" data-v-6a81a1df>开发生态</p><ul class="row six-section__row" data-v-6a81a1df><li data-v-6a81a1df><a href="/guide/basic/start.html" class="six-section__item six-section__step" data-v-6a81a1df><div class="six-section__icon" data-v-6a81a1df><img src="https://dpubstatic.udache.com/static/dpubimg/K4XYVLjBLH/kaifa_icon_1.png" alt="svg" loading="lazy" width="50" style="height:50px;" data-v-6a81a1df></div><div class="six-section__list" data-v-6a81a1df><div class="six-section__bold" data-v-6a81a1df>@mpxjs/core</div><div data-v-6a81a1df>运行时核心</div></div></a></li><li data-v-6a81a1df><a href="/guide/basic/start.html" class="six-section__item six-section__step" data-v-6a81a1df><div class="six-section__icon" data-v-6a81a1df><img src="https://dpubstatic.udache.com/static/dpubimg/2k0jC-ZkFX/kaifa_icon_2.png" alt="svg" loading="lazy" width="50" style="height:50px;" data-v-6a81a1df></div><div class="six-section__list" data-v-6a81a1df><div class="six-section__bold" data-v-6a81a1df>@mpxjs/webpack-plugin</div><div data-v-6a81a1df>编译核心</div></div></a></li><li data-v-6a81a1df><a href="/guide/basic/start.html" class="six-section__item six-section__step" data-v-6a81a1df><div class="six-section__icon" data-v-6a81a1df><img src="https://dpubstatic.udache.com/static/dpubimg/ug3MOMmXaz/kaifa_icon_3.png" alt="svg" loading="lazy" width="50" style="height:50px;" data-v-6a81a1df></div><div class="six-section__list" data-v-6a81a1df><div class="six-section__bold" data-v-6a81a1df>@mpxjs/cli</div><div data-v-6a81a1df>脚手架工具</div></div></a></li></ul><ul class="row six-section__row" data-v-6a81a1df><li data-v-6a81a1df><a href="/api/extend.html#mpx-fetch" class="six-section__item six-section__step" data-v-6a81a1df><div class="six-section__icon" data-v-6a81a1df><img src="https://dpubstatic.udache.com/static/dpubimg/L6kO_akb2G/kaifa_icon_4.png" alt="svg" loading="lazy" width="50" style="height:50px;" data-v-6a81a1df></div><div class="six-section__list" data-v-6a81a1df><div class="six-section__bold" data-v-6a81a1df>@mpxjs/fetch</div><div data-v-6a81a1df>网络请求库</div></div></a></li><li data-v-6a81a1df><a href="/api/extend.html#api-proxy" class="six-section__item six-section__step" data-v-6a81a1df><div class="six-section__icon" data-v-6a81a1df><img src="https://dpubstatic.udache.com/static/dpubimg/oZGOmLr5f3/kaifa_icon_5.png" alt="svg" loading="lazy" width="50" style="height:50px;" data-v-6a81a1df></div><div class="six-section__list" data-v-6a81a1df><div class="six-section__bold" data-v-6a81a1df>@mpxjs/api-proxy api</div><div data-v-6a81a1df>增强调用</div></div></a></li><li data-v-6a81a1df><a href="/api/extend.html#webview-bridge" class="six-section__item six-section__step" data-v-6a81a1df><div class="six-section__icon" data-v-6a81a1df><img src="https://dpubstatic.udache.com/static/dpubimg/trdVxyR_5_/kaifa_icon_6.png" alt="svg" loading="lazy" width="50" style="height:50px;" data-v-6a81a1df></div><div class="six-section__list" data-v-6a81a1df><div class="six-section__bold" data-v-6a81a1df>@mpxjs/webview-bridge web</div><div data-v-6a81a1df>页面桥接</div></div></a></li></ul><ul class="row six-section__row" data-v-6a81a1df><li data-v-6a81a1df><a href="https://marketplace.visualstudio.com/items?itemName=pagnkelly.mpx" class="six-section__item six-section__step" data-v-6a81a1df><div class="six-section__icon" data-v-6a81a1df><img src="https://dpubstatic.udache.com/static/dpubimg/PczNH3wywM/kaifa_icon_7.png" alt="svg" loading="lazy" width="50" style="height:50px;" data-v-6a81a1df></div><div class="six-section__list" data-v-6a81a1df><div class="six-section__bold" data-v-6a81a1df>@mpxjs/vscode-plugin ide</div><div data-v-6a81a1df>插件</div></div></a></li><li data-v-6a81a1df><a href="https://github.com/mpx-ecology/mpx-es-check" class="six-section__item six-section__step" data-v-6a81a1df><div class="six-section__icon" data-v-6a81a1df><img src="https://dpubstatic.udache.com/static/dpubimg/qXb0ZEY4xN/kaifa_icon_8.png" alt="svg" loading="lazy" width="50" style="height:50px;" data-v-6a81a1df></div><div class="six-section__list" data-v-6a81a1df><div class="six-section__bold" data-v-6a81a1df>@mpxjs/es-check</div><div data-v-6a81a1df>高级语法检查</div></div></a></li><li data-v-6a81a1df><a href="/guide/advance/size-report.html" class="six-section__item six-section__step" data-v-6a81a1df><div class="six-section__icon" data-v-6a81a1df><img src="https://dpubstatic.udache.com/static/dpubimg/2pa_xoKoeL/kaifa_icon_9.png" alt="svg" loading="lazy" width="50" style="height:50px;" data-v-6a81a1df></div><div class="six-section__list" data-v-6a81a1df><div class="six-section__bold" data-v-6a81a1df>@mpxjs/size-report</div><div data-v-6a81a1df>包体积分析工具</div></div></a></li></ul></div></section><section class="seven-section" data-v-6a81a1df><span class="dot-inner" data-v-6a81a1df></span><p class="title" data-v-6a81a1df>成功案例</p><div class="row seven-section__wrap" data-v-6a81a1df><div class="grow" data-v-6a81a1df><p class="seven-section__title" data-v-6a81a1df>滴滴出行</p><p class="seven-section__desc" data-v-6a81a1df></p></div><div class="grow seven-section__center" style="background-image:url(https://gift-static.hongyibo.com.cn/static/kfpub/3547/anli_bg_v3.png);" data-v-6a81a1df><div class="seven-section_phone" data-v-6a81a1df><img width="213" style="height:433px;" src="https://dpubstatic.udache.com/static/dpubimg/Vx5n_3YCtP/anli_pic_phone.png" alt="phone" loading="lazy" data-v-6a81a1df></div><div class="seven-section__inner" data-v-6a81a1df><div class="swiper-img" data-v-6a81a1df data-v-a6a054a9><div class="swiper-img__list" style="transform:translate3d(0px, 0, 0);" data-v-a6a054a9><div class="swiper-img__wrap" data-v-a6a054a9><img width="188" style="height:410px;" src="https://gift-static.hongyibo.com.cn/static/kfpub/3547/didi2_v3.jpeg" alt="img" loading="lazy" data-v-a6a054a9></div><div class="swiper-img__wrap" data-v-a6a054a9><img width="188" style="height:410px;" src="https://gift-static.hongyibo.com.cn/static/kfpub/3547/shunfengche_demo_v3.jpeg" alt="img" loading="lazy" data-v-a6a054a9></div><div class="swiper-img__wrap" data-v-a6a054a9><img width="188" style="height:410px;" src="https://gift-static.hongyibo.com.cn/static/kfpub/3547/qingju_demo_v3.jpeg" alt="img" loading="lazy" data-v-a6a054a9></div><div class="swiper-img__wrap" data-v-a6a054a9><img width="188" style="height:410px;" src="https://gift-static.hongyibo.com.cn/static/kfpub/3547/guangchuang_v3.jpeg" alt="img" loading="lazy" data-v-a6a054a9></div><div class="swiper-img__wrap" data-v-a6a054a9><img width="188" style="height:410px;" src="https://gift-static.hongyibo.com.cn/static/kfpub/3547/didi2_v3.jpeg" alt="img" loading="lazy" data-v-a6a054a9></div><div class="swiper-img__wrap" data-v-a6a054a9><img width="188" style="height:410px;" src="https://gift-static.hongyibo.com.cn/static/kfpub/3547/jinlong_v3.jpeg" alt="img" loading="lazy" data-v-a6a054a9></div><div class="swiper-img__wrap" data-v-a6a054a9><img width="188" style="height:410px;" src="https://gift-static.hongyibo.com.cn/static/kfpub/3547/didi2_v3.jpeg" alt="img" loading="lazy" data-v-a6a054a9></div><div class="swiper-img__wrap" data-v-a6a054a9><img width="188" style="height:410px;" src="https://gift-static.hongyibo.com.cn/static/kfpub/3547/siji_v3.jpeg" alt="img" loading="lazy" data-v-a6a054a9></div><div class="swiper-img__wrap" data-v-a6a054a9><img width="188" style="height:410px;" src="https://gift-static.hongyibo.com.cn/static/kfpub/3547/jiayou_v3.jpeg" alt="img" loading="lazy" data-v-a6a054a9></div><div class="swiper-img__wrap" data-v-a6a054a9><img width="188" style="height:410px;" src="https://gift-static.hongyibo.com.cn/static/kfpub/3547/jieshu_v3.jpeg" alt="img" loading="lazy" data-v-a6a054a9></div><div class="swiper-img__wrap" data-v-a6a054a9><img width="188" style="height:410px;" src="https://gift-static.hongyibo.com.cn/static/kfpub/3547/yiqin_v3.jpeg" alt="img" loading="lazy" data-v-a6a054a9></div><div class="swiper-img__wrap" data-v-a6a054a9><img width="188" style="height:410px;" src="https://gift-static.hongyibo.com.cn/static/kfpub/3547/yangche_v3.jpeg" alt="img" loading="lazy" data-v-a6a054a9></div><div class="swiper-img__wrap" data-v-a6a054a9><img width="188" style="height:410px;" src="https://gift-static.hongyibo.com.cn/static/kfpub/3547/zhibo_v3.jpeg" alt="img" loading="lazy" data-v-a6a054a9></div><div class="swiper-img__wrap" data-v-a6a054a9><img width="188" style="height:410px;" src="https://gift-static.hongyibo.com.cn/static/kfpub/3547/ai_v3.jpeg" alt="img" loading="lazy" data-v-a6a054a9></div><div class="swiper-img__wrap" data-v-a6a054a9><img width="188" style="height:410px;" src="https://gift-static.hongyibo.com.cn/static/kfpub/3547/shudian_v3.jpeg" alt="img" loading="lazy" data-v-a6a054a9></div><div class="swiper-img__wrap" data-v-a6a054a9><img width="188" style="height:410px;" src="https://gift-static.hongyibo.com.cn/static/kfpub/3547/wuyuan_v3.jpeg" alt="img" loading="lazy" data-v-a6a054a9></div><div class="swiper-img__wrap" data-v-a6a054a9><img width="188" style="height:410px;" src="https://gift-static.hongyibo.com.cn/static/kfpub/3547/daka_v3.jpeg" alt="img" loading="lazy" data-v-a6a054a9></div><div class="swiper-img__wrap" data-v-a6a054a9><img width="188" style="height:410px;" src="https://gift-static.hongyibo.com.cn/static/kfpub/3547/xueersi_v3.jpeg" alt="img" loading="lazy" data-v-a6a054a9></div><div class="swiper-img__wrap" data-v-a6a054a9><img width="188" style="height:410px;" src="https://gift-static.hongyibo.com.cn/static/kfpub/3547/canshi_v3.jpeg" alt="img" loading="lazy" data-v-a6a054a9></div><div class="swiper-img__wrap" data-v-a6a054a9><img width="188" style="height:410px;" src="https://gift-static.hongyibo.com.cn/static/kfpub/3547/qintong_v3.jpeg" alt="img" loading="lazy" data-v-a6a054a9></div><div class="swiper-img__wrap" data-v-a6a054a9><img width="188" style="height:410px;" src="https://gift-static.hongyibo.com.cn/static/kfpub/3547/peixun_v3.jpeg" alt="img" loading="lazy" data-v-a6a054a9></div><div class="swiper-img__wrap" data-v-a6a054a9><img width="188" style="height:410px;" src="https://gift-static.hongyibo.com.cn/static/kfpub/3547/jixie_v3.jpeg" alt="img" loading="lazy" data-v-a6a054a9></div><div class="swiper-img__wrap" data-v-a6a054a9><img width="188" style="height:410px;" src="https://gift-static.hongyibo.com.cn/static/kfpub/3547/shenyi_v3.jpeg" alt="img" loading="lazy" data-v-a6a054a9></div><div class="swiper-img__wrap" data-v-a6a054a9><img width="188" style="height:410px;" src="https://gift-static.hongyibo.com.cn/static/kfpub/3547/dache_v3.jpeg" alt="img" loading="lazy" data-v-a6a054a9></div><div class="swiper-img__wrap" data-v-a6a054a9><img width="188" style="height:410px;" src="https://gift-static.hongyibo.com.cn/static/kfpub/3547/chenxin_v3.jpeg" alt="img" loading="lazy" data-v-a6a054a9></div><div class="swiper-img__wrap" data-v-a6a054a9><img width="188" style="height:410px;" src="https://gift-static.hongyibo.com.cn/static/kfpub/3547/xiaoer_v3.jpeg" alt="img" loading="lazy" data-v-a6a054a9></div><div class="swiper-img__wrap" data-v-a6a054a9><img width="188" style="height:410px;" src="https://gift-static.hongyibo.com.cn/static/kfpub/3547/shangchen_v3.jpeg" alt="img" loading="lazy" data-v-a6a054a9></div><div class="swiper-img__wrap" data-v-a6a054a9><img width="188" style="height:410px;" src="https://gift-static.hongyibo.com.cn/static/kfpub/3547/dida_v3.jpeg" alt="img" loading="lazy" data-v-a6a054a9></div><div class="swiper-img__wrap" data-v-a6a054a9><img width="188" style="height:410px;" src="https://gift-static.hongyibo.com.cn/static/kfpub/3547/hantong_v3.jpeg" alt="img" loading="lazy" data-v-a6a054a9></div><div class="swiper-img__wrap" data-v-a6a054a9><img width="188" style="height:410px;" src="https://gift-static.hongyibo.com.cn/static/kfpub/3547/didi2_v3.jpeg" alt="img" loading="lazy" data-v-a6a054a9></div><div class="swiper-img__wrap" data-v-a6a054a9><img width="188" style="height:410px;" src="https://gift-static.hongyibo.com.cn/static/kfpub/3547/chongdian_v3.jpeg" alt="img" loading="lazy" data-v-a6a054a9></div><div class="swiper-img__wrap" data-v-a6a054a9><img width="188" style="height:410px;" src="https://gift-static.hongyibo.com.cn/static/kfpub/3547/weiping_v3.jpeg" alt="img" loading="lazy" data-v-a6a054a9></div><div class="swiper-img__wrap" data-v-a6a054a9><img width="188" style="height:410px;" src="https://gift-static.hongyibo.com.cn/static/kfpub/3547/weiping_v3.jpeg" alt="img" loading="lazy" data-v-a6a054a9></div><div class="swiper-img__wrap" data-v-a6a054a9><img width="188" style="height:410px;" src="https://gift-static.hongyibo.com.cn/static/kfpub/3547/weiping_v3.jpeg" alt="img" loading="lazy" data-v-a6a054a9></div></div></div></div></div><div class="grow" data-v-6a81a1df></div></div><div class="swiper-container" data-v-6a81a1df data-v-23fe4f3a><div class="swiper-button" data-v-23fe4f3a><img class="swiper-disable swiper-img" src="https://dpubstatic.udache.com/static/dpubimg/0cgzDC8Apn/anli_icon_left.png" width="50" style="height:50px;" alt="left" loading="lazy" data-v-23fe4f3a></div><div class="swiper" data-v-23fe4f3a><div class="swiper-list active" data-v-23fe4f3a><div class="swiper-item" data-v-23fe4f3a><div data-v-23fe4f3a><div data-v-23fe4f3a><img width="80" style="height:80px;" src="https://dpubstatic.udache.com/static/dpubimg/bcca3d10-01b7-4c08-951a-22418b2443d6.jpg" alt="二维码" loading="lazy" data-v-23fe4f3a></div><div data-v-23fe4f3a>滴滴出行</div></div></div></div><div class="swiper-list" data-v-23fe4f3a><div class="swiper-item" data-v-23fe4f3a><div data-v-23fe4f3a><div data-v-23fe4f3a><img width="80" style="height:80px;" src="https://dpubstatic.udache.com/static/dpubimg/pIM3h2vyj2/qingju.jpg" alt="二维码" loading="lazy" data-v-23fe4f3a></div><div data-v-23fe4f3a>青桔单车</div></div></div></div><div class="swiper-list" data-v-23fe4f3a><div class="swiper-item" data-v-23fe4f3a><div data-v-23fe4f3a><div data-v-23fe4f3a><img width="80" style="height:80px;" src="https://dpubstatic.udache.com/static/dpubimg/neOI_G6deQ/shunfengche.png" alt="二维码" loading="lazy" data-v-23fe4f3a></div><div data-v-23fe4f3a>滴滴顺风车</div></div></div></div><div class="swiper-list" data-v-23fe4f3a><div class="swiper-item" data-v-23fe4f3a><div data-v-23fe4f3a><div data-v-23fe4f3a><img width="80" style="height:80px;" src="https://dpubstatic.udache.com/static/dpubimg/708d5579-81f0-480e-96b3-5f49e8022273.jpg" alt="二维码" loading="lazy" data-v-23fe4f3a></div><div data-v-23fe4f3a>出行广场</div></div></div></div><div class="swiper-list" data-v-23fe4f3a><div class="swiper-item" data-v-23fe4f3a><div data-v-23fe4f3a><div data-v-23fe4f3a><img width="80" style="height:80px;" src="https://dpubstatic.udache.com/static/dpubimg/69a08787-d3a1-4c51-b182-0fcb96960b56.jpg" alt="二维码" loading="lazy" data-v-23fe4f3a></div><div data-v-23fe4f3a>滴滴公交</div></div></div></div><div class="swiper-list" data-v-23fe4f3a><div class="swiper-item" data-v-23fe4f3a><div data-v-23fe4f3a><div data-v-23fe4f3a><img width="80" style="height:80px;" src="https://dpubstatic.udache.com/static/dpubimg/8c25bec8-938e-452d-96f9-5e524092a8ee.png" alt="二维码" loading="lazy" data-v-23fe4f3a></div><div data-v-23fe4f3a>滴滴金融</div></div></div></div><div class="swiper-list" data-v-23fe4f3a><div class="swiper-item" data-v-23fe4f3a><div data-v-23fe4f3a><div data-v-23fe4f3a><img width="80" style="height:80px;" src="https://dpubstatic.udache.com/static/dpubimg/8fdd04ed-a74b-4b87-be6e-652550fb843f.png" alt="二维码" loading="lazy" data-v-23fe4f3a></div><div data-v-23fe4f3a>滴滴外卖</div></div></div></div><div class="swiper-list" data-v-23fe4f3a><div class="swiper-item" data-v-23fe4f3a><div data-v-23fe4f3a><div data-v-23fe4f3a><img width="80" style="height:80px;" src="https://dpubstatic.udache.com/static/dpubimg/d3b62a33-7dbd-45ea-a4aa-f30ad61965f2.jpg" alt="二维码" loading="lazy" data-v-23fe4f3a></div><div data-v-23fe4f3a>司机招募</div></div></div></div><div class="swiper-list" data-v-23fe4f3a><div class="swiper-item" data-v-23fe4f3a><div data-v-23fe4f3a><div data-v-23fe4f3a><img width="80" style="height:80px;" src="https://dpubstatic.udache.com/static/dpubimg/988099b3-9930-4c54-abd7-75e70134d649.png" alt="二维码" loading="lazy" data-v-23fe4f3a></div><div data-v-23fe4f3a>小桔加油</div></div></div></div><div class="swiper-list" data-v-23fe4f3a><div class="swiper-item" data-v-23fe4f3a><div data-v-23fe4f3a><div data-v-23fe4f3a><img width="80" style="height:80px;" src="https://dpubstatic.udache.com/static/dpubimg/79573ef6-2a66-462e-8cc7-63eb983168f8.jpg" alt="二维码" loading="lazy" data-v-23fe4f3a></div><div data-v-23fe4f3a>番薯借阅</div></div></div></div><div class="swiper-list" data-v-23fe4f3a><div class="swiper-item" data-v-23fe4f3a><div data-v-23fe4f3a><div data-v-23fe4f3a><img width="80" style="height:80px;" src="https://dpubstatic.udache.com/static/dpubimg/8932c3c2-b6da-4da2-8661-5554fe2bd4a3.jpg" alt="二维码" loading="lazy" data-v-23fe4f3a></div><div data-v-23fe4f3a>疫查查应用</div></div></div></div><div class="swiper-list" data-v-23fe4f3a><div class="swiper-item" data-v-23fe4f3a><div data-v-23fe4f3a><div data-v-23fe4f3a><img width="80" style="height:80px;" src="https://dpubstatic.udache.com/static/dpubimg/b6507fca-1e1f-4922-9240-d0f172bea6de.jpg" alt="二维码" loading="lazy" data-v-23fe4f3a></div><div data-v-23fe4f3a>小桔养车</div></div></div></div><div class="swiper-list" data-v-23fe4f3a><div class="swiper-item" data-v-23fe4f3a><div data-v-23fe4f3a><div data-v-23fe4f3a><img width="80" style="height:80px;" src="https://dpubstatic.udache.com/static/dpubimg/40fd646b-10d0-4383-a576-e1d425a8c05d.jpeg" alt="二维码" loading="lazy" data-v-23fe4f3a></div><div data-v-23fe4f3a>学而思直播课</div></div></div></div><div class="swiper-list" data-v-23fe4f3a><div class="swiper-item" data-v-23fe4f3a><div data-v-23fe4f3a><div data-v-23fe4f3a><img width="80" style="height:80px;" src="https://dpubstatic.udache.com/static/dpubimg/6833dbdb-1dc8-4929-bd41-6d71069b0714.jpeg" alt="二维码" loading="lazy" data-v-23fe4f3a></div><div data-v-23fe4f3a>小猴启蒙课</div></div></div></div><div class="swiper-list" data-v-23fe4f3a><div class="swiper-item" data-v-23fe4f3a><div data-v-23fe4f3a><div data-v-23fe4f3a><img width="80" style="height:80px;" src="https://dpubstatic.udache.com/static/dpubimg/8627f48d-cf64-4511-8b2f-ede8e54186a7.png" alt="二维码" loading="lazy" data-v-23fe4f3a></div><div data-v-23fe4f3a>科创书店</div></div></div></div><div class="swiper-list" data-v-23fe4f3a><div class="swiper-item" data-v-23fe4f3a><div data-v-23fe4f3a><div data-v-23fe4f3a><img width="80" style="height:80px;" src="https://dpubstatic.udache.com/static/dpubimg/421bf49b-a9cb-4d54-90d7-e21b80ab21b3.jpg" alt="二维码" loading="lazy" data-v-23fe4f3a></div><div data-v-23fe4f3a>在武院</div></div></div></div><div class="swiper-list" data-v-23fe4f3a><div class="swiper-item" data-v-23fe4f3a><div data-v-23fe4f3a><div data-v-23fe4f3a><img width="80" style="height:80px;" src="https://dpubstatic.udache.com/static/dpubimg/46ee136b-0791-4069-98b0-35566d5ef394.jpg" alt="二维码" loading="lazy" data-v-23fe4f3a></div><div data-v-23fe4f3a>三股绳Lite</div></div></div></div><div class="swiper-list" data-v-23fe4f3a><div class="swiper-item" data-v-23fe4f3a><div data-v-23fe4f3a><div data-v-23fe4f3a><img width="80" style="height:80px;" src="https://dpubstatic.udache.com/static/dpubimg/eab48487-5ca2-4368-9080-a6b843097e67.jpeg" alt="二维码" loading="lazy" data-v-23fe4f3a></div><div data-v-23fe4f3a>学而思优选课</div></div></div></div><div class="swiper-list" data-v-23fe4f3a><div class="swiper-item" data-v-23fe4f3a><div data-v-23fe4f3a><div data-v-23fe4f3a><img width="80" style="height:80px;" src="https://dpubstatic.udache.com/static/dpubimg/lY7eYSppkW/68747470733a2f2f73686978682e636f6d2f73686571752f696d672f7172636f64655f322e37343664373562342e706e67.png" alt="二维码" loading="lazy" data-v-23fe4f3a></div><div data-v-23fe4f3a>食享会</div></div></div></div><div class="swiper-list" data-v-23fe4f3a><div class="swiper-item" data-v-23fe4f3a><div data-v-23fe4f3a><div data-v-23fe4f3a><img width="80" style="height:80px;" src="https://dpubstatic.udache.com/static/dpubimg/58cdbcc5-1f00-4da9-89c6-e638b2f77b19.png" alt="二维码" loading="lazy" data-v-23fe4f3a></div><div data-v-23fe4f3a>青铜安全医生</div></div></div></div><div class="swiper-list" data-v-23fe4f3a><div class="swiper-item" data-v-23fe4f3a><div data-v-23fe4f3a><div data-v-23fe4f3a><img width="80" style="height:80px;" src="https://dpubstatic.udache.com/static/dpubimg/a9d60600-40c0-4b66-934e-3bb176d3f07a.png" alt="二维码" loading="lazy" data-v-23fe4f3a></div><div data-v-23fe4f3a>青铜安全培训</div></div></div></div><div class="swiper-list" data-v-23fe4f3a><div class="swiper-item" data-v-23fe4f3a><div data-v-23fe4f3a><div data-v-23fe4f3a><img width="80" style="height:80px;" src="https://dpubstatic.udache.com/static/dpubimg/0a816842-dda4-4e30-8c14-e951fb1a8131.jpeg" alt="二维码" loading="lazy" data-v-23fe4f3a></div><div data-v-23fe4f3a>视穹云机械</div></div></div></div><div class="swiper-list" data-v-23fe4f3a><div class="swiper-item" data-v-23fe4f3a><div data-v-23fe4f3a><div data-v-23fe4f3a><img width="80" style="height:80px;" src="https://dpubstatic.udache.com/static/dpubimg/7f1b5f22-d765-4142-862a-999c1ed9d10f.png" alt="二维码" loading="lazy" data-v-23fe4f3a></div><div data-v-23fe4f3a>店有生意通</div></div></div></div><div class="swiper-list" data-v-23fe4f3a><div class="swiper-item" data-v-23fe4f3a><div data-v-23fe4f3a><div data-v-23fe4f3a><img width="80" style="height:80px;" src="https://dpubstatic.udache.com/static/dpubimg/JzHnEyu8VT/aaa.jpeg" alt="二维码" loading="lazy" data-v-23fe4f3a></div><div data-v-23fe4f3a>花小猪打车</div></div></div></div><div class="swiper-list" data-v-23fe4f3a><div class="swiper-item" data-v-23fe4f3a><div data-v-23fe4f3a><div data-v-23fe4f3a><img width="80" style="height:80px;" src="https://dpubstatic.udache.com/static/dpubimg/37222642-c508-4a67-8cbc-036a66985bfc.jpeg" alt="二维码" loading="lazy" data-v-23fe4f3a></div><div data-v-23fe4f3a>橙心优选</div></div></div></div><div class="swiper-list" data-v-23fe4f3a><div class="swiper-item" data-v-23fe4f3a><div data-v-23fe4f3a><div data-v-23fe4f3a><img width="80" style="height:80px;" src="https://dpubstatic.udache.com/static/dpubimg/nB6-p3WzIQ/xiaoeryabiao.png" alt="二维码" loading="lazy" data-v-23fe4f3a></div><div data-v-23fe4f3a>小二押镖</div></div></div></div><div class="swiper-list" data-v-23fe4f3a><div class="swiper-item" data-v-23fe4f3a><div data-v-23fe4f3a><div data-v-23fe4f3a><img width="80" style="height:80px;" src="https://dpubstatic.udache.com/static/dpubimg/nY2bg3A1L_/shunxin.jpg" alt="二维码" loading="lazy" data-v-23fe4f3a></div><div data-v-23fe4f3a>顺鑫官方微商城</div></div></div></div><div class="swiper-list" data-v-23fe4f3a><div class="swiper-item" data-v-23fe4f3a><div data-v-23fe4f3a><div data-v-23fe4f3a><img width="80" style="height:80px;" src="https://dpubstatic.udache.com/static/dpubimg/DO3m0Iflq1/didachuxing.jpeg" alt="二维码" loading="lazy" data-v-23fe4f3a></div><div data-v-23fe4f3a>嘀嗒出行</div></div></div></div><div class="swiper-list" data-v-23fe4f3a><div class="swiper-item" data-v-23fe4f3a><div data-v-23fe4f3a><div data-v-23fe4f3a><img width="80" style="height:80px;" src="https://dpubstatic.udache.com/static/dpubimg/86cd89be-de29-48ad-8cb0-72c432446e7b.jpg" alt="二维码" loading="lazy" data-v-23fe4f3a></div><div data-v-23fe4f3a>汉行通Pro</div></div></div></div><div class="swiper-list" data-v-23fe4f3a><div class="swiper-item" data-v-23fe4f3a><div data-v-23fe4f3a><div data-v-23fe4f3a><img width="80" style="height:80px;" src="https://dpubstatic.udache.com/static/dpubimg/47fe83e5-c41a-4245-b910-60ed6493d87e.png" alt="二维码" loading="lazy" data-v-23fe4f3a></div><div data-v-23fe4f3a>滴滴出行(支付宝)</div></div></div></div><div class="swiper-list" data-v-23fe4f3a><div class="swiper-item" data-v-23fe4f3a><div data-v-23fe4f3a><div data-v-23fe4f3a><img width="80" style="height:80px;" src="https://dpubstatic.udache.com/static/dpubimg/fa1a524b-da97-4df3-9412-8c988f50b6ae.png" alt="二维码" loading="lazy" data-v-23fe4f3a></div><div data-v-23fe4f3a>小桔充电(支付宝)</div></div></div></div><div class="swiper-list" data-v-23fe4f3a><div class="swiper-item" data-v-23fe4f3a><div data-v-23fe4f3a><div data-v-23fe4f3a><img width="80" style="height:80px;" src="https://dpubstatic.udache.com/static/dpubimg/2a150b0a-e23d-4e91-98fe-e862410be911.jpeg" alt="二维码" loading="lazy" data-v-23fe4f3a></div><div data-v-23fe4f3a>唯品会QQ</div></div></div></div><div class="swiper-list" data-v-23fe4f3a><div class="swiper-item" data-v-23fe4f3a><div data-v-23fe4f3a><div data-v-23fe4f3a><img width="80" style="height:80px;" src="https://dpubstatic.udache.com/static/dpubimg/56273723-ba98-4ceb-9672-075a5ab9f2da.png" alt="二维码" loading="lazy" data-v-23fe4f3a></div><div data-v-23fe4f3a>唯品会(百度)</div></div></div></div><div class="swiper-list" data-v-23fe4f3a><div class="swiper-item" data-v-23fe4f3a><div data-v-23fe4f3a><div data-v-23fe4f3a><img width="80" style="height:80px;" src="https://dpubstatic.udache.com/static/dpubimg/88f898a0-2f3b-44c5-b7ce-c1a8aec25299.jpeg" alt="二维码" loading="lazy" data-v-23fe4f3a></div><div data-v-23fe4f3a>唯品会(字节)</div></div></div></div></div><div class="swiper-button" data-v-23fe4f3a><img class="swiper-img" src="https://dpubstatic.udache.com/static/dpubimg/QhD6ulEP7k/anli_icon_right.png" width="50" style="height:50px;" alt="right" loading="lazy" data-v-23fe4f3a></div></div></section></div><div class="footer-container" data-v-d9a5f7d5><footer class="footer" data-v-d9a5f7d5><ul class="footer__list" data-v-d9a5f7d5><li class="grow" data-v-d9a5f7d5><img width="180" src="https://dpubstatic.udache.com/static/dpubimg/T1R-u2N8nn/footer_logo.png" alt="logo" data-v-d9a5f7d5></li><li class="grow" data-v-d9a5f7d5><ul class="footer-inner" data-v-d9a5f7d5><li class="footer__wrap" data-v-d9a5f7d5><span class="footer__text footer__title" data-v-d9a5f7d5>资源</span></li><li class="footer__wrap" data-v-d9a5f7d5><a href="https://github.com/didi/mpx/issues/385" class="footer__text" target="_blank" data-v-d9a5f7d5>案例收集</a></li></ul></li><li class="grow" data-v-d9a5f7d5><ul class="footer-inner" data-v-d9a5f7d5><li class="footer__wrap" data-v-d9a5f7d5><span class="footer__text footer__title" data-v-d9a5f7d5>社区</span></li><li class="footer__wrap" data-v-d9a5f7d5><div class="popover" data-v-d9a5f7d5 data-v-25da724f><div class="popover__content" data-v-25da724f><span class="footer__text" target="_blank" data-v-d9a5f7d5>微信群</span></div><div style="display:none;" class="popover__top" data-v-25da724f><div class="popover__content" data-v-25da724f><div class="popover__inner" data-v-25da724f><img width="300" src="https://dpubstatic.udache.com/static/dpubimg/6DN0ebkbjgI2P9QjJr8jr_WechatIMG3.jpeg" alt="code" loading="lazy" data-v-25da724f></div><div class="popover__arrow" data-v-25da724f></div></div></div></div></li><li class="footer__wrap" data-v-d9a5f7d5><div class="popover" data-v-d9a5f7d5 data-v-25da724f><div class="popover__content" data-v-25da724f><span class="footer__text" target="_blank" data-v-d9a5f7d5>QQ群</span></div><div style="display:none;" class="popover__top" data-v-25da724f><div class="popover__content" data-v-25da724f><div class="popover__inner" data-v-25da724f><img width="300" src="https://dpubstatic.udache.com/static/dpubimg/etX-gKWeUb/temp_qrcode_share_374632411.png" alt="code" loading="lazy" data-v-25da724f></div><div class="popover__arrow" data-v-25da724f></div></div></div></div></li></ul></li><li class="grow" data-v-d9a5f7d5><ul class="footer-inner" data-v-d9a5f7d5><li class="footer__wrap" data-v-d9a5f7d5><span class="footer__text footer__title" data-v-d9a5f7d5>帮助</span></li><li class="footer__wrap" data-v-d9a5f7d5><a href="https://github.com/didi/mpx/issues" class="footer__text" target="_blank" data-v-d9a5f7d5>反馈问题</a></li></ul></li><li class="grow" data-v-d9a5f7d5><ul class="footer-inner" data-v-d9a5f7d5><li class="footer__wrap" data-v-d9a5f7d5><span class="footer__text footer__title" data-v-d9a5f7d5>更多</span></li><li class="footer__wrap" data-v-d9a5f7d5><a href="https://juejin.cn/user/4195392101298510" class="footer__text" target="_blank" data-v-d9a5f7d5>滴滴前端技术</a></li></ul></li></ul></footer><div class="copyright" data-v-d9a5f7d5><div data-v-d9a5f7d5>备案号：<a href="https://beian.miit.gov.cn/" style="color:var(--vt-c-brand);" data-v-d9a5f7d5>蜀ICP备15023364号-2</a></div><div data-v-d9a5f7d5>Copyright 2020 滴滴出行</div></div></div></div></div></div> <script>window.__VP_HASH_MAP__=JSON.parse("{\"api_app-config.md\":\"8yUvMnrA\",\"api_builtin.md\":\"zC7lHwxi\",\"api_compile.md\":\"5MYyG7PG\",\"api_composition-api.md\":\"Clk-dbRQ\",\"api_directives.md\":\"Iz0_eRUW\",\"api_extend.md\":\"COshM7be\",\"api_global-api.md\":\"DekFw7fO\",\"api_index.md\":\"DWA54RPB\",\"api_instance-api.md\":\"D7wqBPPP\",\"api_optional-api.md\":\"C9RjUBcS\",\"api_reactivity-api.md\":\"Br0_H2qt\",\"api_store-api.md\":\"D58j1Loq\",\"articles_1.0.md\":\"CX3uMEvE\",\"articles_2.0.md\":\"BiE2-Btj\",\"articles_2.7-release.md\":\"CtxTlBaz\",\"articles_2.8-release-alter.md\":\"O870wUeV\",\"articles_2.8-release.md\":\"DUJxybJv\",\"articles_2.9-release-alter.md\":\"B0zILKuf\",\"articles_2.9-release.md\":\"-fAvpoEu\",\"articles_index.md\":\"PgSaR_s8\",\"articles_mpx-cli-next.md\":\"DLApcxVv\",\"articles_mpx-cube-ui.md\":\"DPiau_2k\",\"articles_mpx1.md\":\"CPF70K1U\",\"articles_mpx2.md\":\"ChNa77kM\",\"articles_performance.md\":\"BF8yiIIl\",\"articles_size-control.md\":\"DH0nqEH7\",\"articles_ts-derivation.md\":\"Y2VtWgAq\",\"articles_unit-test.md\":\"D45q9SRT\",\"desc.md\":\"CRM-d_8c\",\"guide_advance_ability-compatible.md\":\"DUUqlGU1\",\"guide_advance_async-subpackage.md\":\"YdRmCpxD\",\"guide_advance_build-config.md\":\"CK_KSb3r\",\"guide_advance_custom-output-path.md\":\"CcDbiRF1\",\"guide_advance_dll-plugin.md\":\"CtchVSg7\",\"guide_advance_i18n.md\":\"D7eAH4JX\",\"guide_advance_image-process.md\":\"R7ATnHM_\",\"guide_advance_mixin.md\":\"BA5vitiz\",\"guide_advance_npm.md\":\"Cel872y9\",\"guide_advance_pinia.md\":\"D3A9y0Gw\",\"guide_advance_platform.md\":\"C-a6y7Wp\",\"guide_advance_plugin.md\":\"EgOm6-ei\",\"guide_advance_progressive.md\":\"DJ7EwCPw\",\"guide_advance_provide-inject.md\":\"FHPTn5Pf\",\"guide_advance_resource-resolve.md\":\"CQ0_dCIQ\",\"guide_advance_size-report.md\":\"DsRaf5lZ\",\"guide_advance_ssr.md\":\"Dighccx3\",\"guide_advance_store.md\":\"RxkbMHcD\",\"guide_advance_subpackage.md\":\"BO3rQ_SJ\",\"guide_advance_utility-first-css.md\":\"DRTXuxCL\",\"guide_basic_class-style-binding.md\":\"CHjIhjm9\",\"guide_basic_component.md\":\"BVlz4Z0G\",\"guide_basic_conditional-render.md\":\"CqWMRF4_\",\"guide_basic_css.md\":\"CMhUuiRO\",\"guide_basic_event.md\":\"CJro7QhD\",\"guide_basic_ide.md\":\"J6p9ySwr\",\"guide_basic_intro.md\":\"BQ5nSHat\",\"guide_basic_list-render.md\":\"DJ0nmxdg\",\"guide_basic_option-chain.md\":\"1crAkqm-\",\"guide_basic_reactive.md\":\"ZEZ7uVds\",\"guide_basic_refs.md\":\"BlYk9tcG\",\"guide_basic_single-file.md\":\"pOorh032\",\"guide_basic_start.md\":\"DsaWQHXU\",\"guide_basic_template.md\":\"Bcxqv41D\",\"guide_basic_two-way-binding.md\":\"B_KA2k94\",\"guide_composition-api_composition-api.md\":\"Bh8pACFE\",\"guide_composition-api_reactive-api.md\":\"WOHtEb5G\",\"guide_extend_api-proxy.md\":\"CKVZi01O\",\"guide_extend_fetch.md\":\"DoVBrdcs\",\"guide_extend_index.md\":\"B-AnIYDs\",\"guide_extend_mock.md\":\"CfZHEPBA\",\"guide_migrate_2.7.md\":\"BRNs6PtI\",\"guide_migrate_2.8.md\":\"DUgpXI5-\",\"guide_migrate_2.9.md\":\"DZXr1Vtv\",\"guide_migrate_mpx-cli-3.md\":\"BlX0YUtQ\",\"guide_platform_basic.md\":\"WikgVNAd\",\"guide_platform_miniprogram.md\":\"X8yJCeEN\",\"guide_platform_rn.md\":\"Cw4g6zSW\",\"guide_platform_web.md\":\"CcHiVFzp\",\"guide_tool_e2e-test.md\":\"EMUVz3nW\",\"guide_tool_ts.md\":\"CH10H8U-\",\"guide_tool_unit-test.md\":\"BNWMp2Lt\",\"guide_understand_compile.md\":\"DS5TaIwp\",\"guide_understand_runtime.md\":\"Cc3uol1G\",\"index.md\":\"De5Lhfdz\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Mpx 框架\",\"description\":\"A VitePress site\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"search\":{\"provider\":\"local\",\"options\":{\"translations\":{\"button\":{\"buttonText\":\"搜索文档\",\"buttonAriaLabel\":\"搜索文档\"},\"modal\":{\"displayDetails\":\"显示详细列表\",\"resetButtonTitle\":\"重置搜索\",\"backButtonTitle\":\"关闭搜索\",\"noResultsText\":\"没有结果\",\"footer\":{\"selectText\":\"选择\",\"selectKeyAriaLabel\":\"输入\",\"navigateText\":\"导航\",\"navigateUpKeyAriaLabel\":\"上箭头\",\"navigateDownKeyAriaLabel\":\"下箭头\",\"closeText\":\"关闭\",\"closeKeyAriaLabel\":\"esc\"}}}}},\"logo\":\"/favicon.ico\",\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/didi/mpx\"}],\"nav\":[{\"text\":\"指南\",\"activeMatch\":\"^/guide/\",\"link\":\"/guide/basic/start\"},{\"text\":\"API\",\"activeMatch\":\"^/api/\",\"link\":\"/api/\"},{\"text\":\"文章\",\"activeMatch\":\"^/articles/\",\"link\":\"/articles/\"},{\"text\":\"更新记录\",\"activeMatch\":\"^/releases/\",\"link\":\"https://github.com/didi/mpx/releases\",\"target\":\"_blank\"}],\"outline\":{\"level\":[2,3],\"label\":\"本页目录\"},\"sidebar\":{\"/guide/\":[{\"text\":\"基础\",\"collapsable\":false,\"items\":[{\"text\":\"快速开始\",\"link\":\"/guide/basic/start\"},{\"text\":\"介绍\",\"link\":\"/guide/basic/intro\"},{\"text\":\"单文件开发\",\"link\":\"/guide/basic/single-file\"},{\"text\":\"IDE 高亮配置\",\"link\":\"/guide/basic/ide\"},{\"text\":\"模板语法\",\"link\":\"/guide/basic/template\"},{\"text\":\"CSS 处理\",\"link\":\"/guide/basic/css\"},{\"text\":\"数据响应\",\"link\":\"/guide/basic/reactive\"},{\"text\":\"类名样式绑定\",\"link\":\"/guide/basic/class-style-binding\"},{\"text\":\"条件渲染\",\"link\":\"/guide/basic/conditional-render\"},{\"text\":\"列表渲染\",\"link\":\"/guide/basic/list-render\"},{\"text\":\"事件处理\",\"link\":\"/guide/basic/event\"},{\"text\":\"双向绑定\",\"link\":\"/guide/basic/two-way-binding\"},{\"text\":\"自定义组件\",\"link\":\"/guide/basic/component\"},{\"text\":\"获取组件实例/节点信息\",\"link\":\"/guide/basic/refs\"},{\"text\":\"模版内可选链表达式\",\"link\":\"/guide/basic/option-chain\"}]},{\"text\":\"进阶\",\"collapsable\":false,\"items\":[{\"text\":\"状态管理（store）\",\"link\":\"/guide/advance/store\"},{\"text\":\"状态管理（pinia）\",\"link\":\"/guide/advance/pinia\"},{\"text\":\"使用 mixin\",\"link\":\"/guide/advance/mixin\"},{\"text\":\"使用 npm\",\"link\":\"/guide/advance/npm\"},{\"text\":\"使用分包\",\"link\":\"/guide/advance/subpackage\"},{\"text\":\"分包异步化\",\"link\":\"/guide/advance/async-subpackage\"},{\"text\":\"跨平台\",\"link\":\"/guide/advance/platform\"},{\"text\":\"国际化 i18n\",\"link\":\"/guide/advance/i18n\"},{\"text\":\"包体积分析\",\"link\":\"/guide/advance/size-report\"},{\"text\":\"图像资源处理\",\"link\":\"/guide/advance/image-process\"},{\"text\":\"原生渐进迁移\",\"link\":\"/guide/advance/progressive\"},{\"text\":\"原生能力兼容\",\"link\":\"/guide/advance/ability-compatible\"},{\"text\":\"小程序插件\",\"link\":\"/guide/advance/plugin\"},{\"text\":\"自定义路径\",\"link\":\"/guide/advance/custom-output-path\"},{\"text\":\"使用原子类\",\"link\":\"/guide/advance/utility-first-css\"},{\"text\":\"SSR\",\"link\":\"/guide/advance/ssr\"},{\"text\":\"依赖注入（Provide/Inject）\",\"link\":\"/guide/advance/provide-inject\"},{\"text\":\"编译配置\",\"link\":\"/guide/advance/build-config\"}]},{\"text\":\"跨端\",\"collapsable\":false,\"items\":[{\"text\":\"跨端输出基础\",\"link\":\"/guide/platform/basic\"},{\"text\":\"跨端输出 RN\",\"link\":\"/guide/platform/rn\"}]},{\"text\":\"组合式 API\",\"collapsable\":false,\"items\":[{\"text\":\"组合式 API\",\"link\":\"/guide/composition-api/composition-api\"},{\"text\":\"响应式 API\",\"link\":\"/guide/composition-api/reactive-api\"}]},{\"text\":\"工具\",\"collapsable\":false,\"items\":[{\"text\":\"使用TypeScript开发小程序\",\"link\":\"/guide/tool/ts\"},{\"text\":\"单元测试\",\"link\":\"/guide/tool/unit-test\"},{\"text\":\"E2E自动化测试\",\"link\":\"/guide/tool/e2e-test\"}]},{\"text\":\"拓展\",\"collapsable\":false,\"items\":[{\"text\":\"网络请求\",\"link\":\"/guide/extend/fetch\"},{\"text\":\"API 转换\",\"link\":\"/guide/extend/api-proxy\"},{\"text\":\"数据 Mock\",\"link\":\"/guide/extend/mock\"}]},{\"text\":\"理解\",\"collapsable\":false,\"items\":[{\"text\":\"Mpx运行时增强原理\",\"link\":\"/guide/understand/runtime\"},{\"text\":\"Mpx编译构建原理\",\"link\":\"/guide/understand/compile\"}]},{\"text\":\"迁移\",\"collapsable\":false,\"items\":[{\"text\":\"从 2.8 升级至 2.9\",\"link\":\"/guide/migrate/2.9\"},{\"text\":\"从 2.7 升级至 2.8\",\"link\":\"/guide/migrate/2.8\"},{\"text\":\"从旧版本迁移至 2.7\",\"link\":\"/guide/migrate/2.7\"},{\"text\":\"mpx-cli v2 迁移到 v3\",\"link\":\"/guide/migrate/mpx-cli-3\"}]}],\"/api/\":[{\"text\":\"API\",\"collapsable\":false,\"items\":[{\"text\":\"API 参考\",\"link\":\"/api/\"},{\"text\":\"全局配置\",\"link\":\"/api/app-config\"},{\"text\":\"全局 API\",\"link\":\"/api/global-api\"},{\"text\":\"实例 API\",\"link\":\"/api/instance-api\"},{\"text\":\"Store API\",\"link\":\"/api/store-api\"},{\"text\":\"模板指令\",\"link\":\"/api/directives\"},{\"text\":\"编译构建\",\"link\":\"/api/compile\"},{\"text\":\"内建组件\",\"link\":\"/api/builtIn\"},{\"text\":\"响应式 API\",\"link\":\"/api/reactivity-api\"},{\"text\":\"组合式 API\",\"link\":\"/api/composition-api\"},{\"text\":\"选项式 API\",\"link\":\"/api/optional-api\"},{\"text\":\"周边拓展\",\"link\":\"/api/extend\"}]}],\"/articles/\":[{\"text\":\"文章\",\"collapsable\":false,\"items\":[{\"text\":\"滴滴开源小程序框架Mpx\",\"link\":\"/articles/1.0\"},{\"text\":\"Mpx 发布2.0，完美支持跨平台开发\",\"link\":\"/articles/2.0\"},{\"text\":\"小程序框架运行时性能大测评\",\"link\":\"/articles/performance\"},{\"text\":\"小程序开发者，为什么你应该尝试下MPX\",\"link\":\"/articles/mpx1\"},{\"text\":\"Mpx 小程序框架技术揭秘\",\"link\":\"/articles/mpx2\"},{\"text\":\"滴滴出行小程序体积优化实践\",\"link\":\"/articles/size-control\"},{\"text\":\"使用Typescript新特性Template Literal Types完善链式key的类型推导\",\"link\":\"/articles/ts-derivation\"},{\"text\":\"Mpx2.7 版本正式发布，大幅提升编译构建速度\",\"link\":\"/articles/2.7-release\"},{\"text\":\"Mpx2.8 版本正式发布，使用组合式 API 开发小程序\",\"link\":\"/articles/2.8-release\"},{\"text\":\"Mpx2.9 版本正式发布，支持原子类、SSR 和包体积优化\",\"link\":\"/articles/2.9-release\"},{\"text\":\"小程序跨端组件库 Mpx-cube-ui 开源啦\",\"link\":\"/articles/mpx-cube-ui\"},{\"text\":\"@mpxjs/cli 插件化改造\",\"link\":\"/articles/mpx-cli-next\"},{\"text\":\"Mpx 小程序单元测试能力建设与实践\",\"link\":\"/articles/unit-test\"}]}]},\"darkModeSwitchLabel\":\"外观\",\"sidebarMenuLabel\":\"菜单\",\"returnToTopLabel\":\"返回顶部\",\"langMenuLabel\":\"语言\",\"notFound\":{\"title\":\"页面未找到\",\"linkText\":\"返回首页\",\"quote\":\"😩 抱歉，迷路了～\"},\"lastUpdated\":{\"text\":\"最后更新于\",\"formatOptions\":{\"dateStyle\":\"short\",\"timeStyle\":\"short\"}},\"docFooter\":{\"prev\":\"上一页\",\"next\":\"下一页\"}},\"locales\":{\"/\":{\"label\":\"中文\",\"lang\":\"zh-CN\",\"title\":\"Mpx 框架\",\"description\":\"深度性能优化的增强型小程序开发框架\"}},\"scrollOffset\":134,\"cleanUrls\":false}");</script> </body> </html>