mpvue 开发框架介绍和最佳实践 ���Vue.js������� 美团酒旅 - 终端研发组 - 基础服务平台 动态化技术⽅方向，⼩小程序应⽤用、RN 应⽤用 努⼒力力于⼩小程序⼯工程化开发、业务级应⽤用 ������美团点评 ⽬目录 CONTENTS mpvue 介绍 使⽤用⽅方式 设计思路路 实践 & 展望 1 mpvue 介绍 作为⼩小程序应⽤用开发框架，mpvue 作为⼩小程序应⽤用开发框架，mpvue 具有什什么特点？为开发者 带来了了是什什么？当前社区的反馈如何？ mpvue 是什什么 使⽤用 Vue.js 开发⼩小程序的前端框架 Vue.js 代码 ⼩小程序代码 ⼯工程化体系集成 cli 命令⾏行行⼯工具 编译构建集成 ⽣生态扩展能⼒力力 npm 管理理⽀支持 Vue 组件机制 开发规范扩展 Vue 编码规范 Vue 语法⽀支持 Vue 引擎驱动 mpvue 的能⼒力力 美团点评⼩小程序陆续接⼊入中 • 外部合作持续洽谈接⼊入中 54% 美团外卖 62% mpvue在美团外卖的实践 DCLOUD uni-app ⽅方案 2 mpvue 使⽤用⽅方式 mpvue 框架针对的使⽤用场景如何，在各种复杂的 场景下应该如何使⽤用，典型的使⽤用流程是怎样的？ 使⽤用 mpvue 之前 了了解⼩小程序能⼒力力 & 边界 了了解 Vue.js 特性 了了解前端构建 mpvue

条件渲染 列表渲染 事件处理 表单输入绑定 组件基础 深入组件 组件注册 Props 非 Prop 的 Attribute 自定义事件 插槽 提供 / 注入 动态组件 & 异步组件 模板引用 处理边界情况 过渡&动画 过渡 & 动画概述 进入过渡 & 离开过渡 列表过渡 状态过渡 可复用性&组合 混入 自定义指令 传入 渲染函数 插件 高阶指南 TypeScript 支持 Mobile 规模化 路由 状态管理 服务端渲染 无障碍 基础 语义学 标准 资源 从 Vue 2 迁移 介绍 v-for 中的 Ref 数组 异步组件 attribute 强制行为 自定义指令 自定义元素交互 Data 选项 事件 API 过滤器 片段 函数式组件 - 3 - 本文档使用 书栈网 · BookStack.CN BookStack.CN 构建 提示 已经了解 Vue 2，只想了解 Vue 3 的新功能可以参阅迁移指南! Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的 是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第 三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库 (opens

Evolution “Just a view layer library” “Just a view layer library” The Progressive Framework 渐进式框架 今天 Today 53,986 GitHub Stars Top 10 All-Time 每月 55 万+ 次 NPM 下载 不包括中国镜像数据 Chrome 开发者插件 17.4 万周活跃用户 预加载的文件，生成最优的