mpvue 开发框架介绍和最佳实践 ���Vue.js������� 美团酒旅 - 终端研发组 - 基础服务平台 动态化技术⽅方向，⼩小程序应⽤用、RN 应⽤用 努⼒力力于⼩小程序⼯工程化开发、业务级应⽤用 ������美团点评 ⽬目录 CONTENTS mpvue 介绍 使⽤用⽅方式 设计思路路 实践 & 展望 1 mpvue 介绍 作为⼩小程序应⽤用开发框架，mpvue 开发⼩小程序的前端框架 Vue.js 代码 ⼩小程序代码 ⼯工程化体系集成 cli 命令⾏行行⼯工具 编译构建集成 ⽣生态扩展能⼒力力 npm 管理理⽀支持 Vue 组件机制 开发规范扩展 Vue 编码规范 Vue 语法⽀支持 Vue 引擎驱动 mpvue 的能⼒力力 好扩展 前端赋能 易易学习 超低上⼿手 成本 多端复⽤用 技术沉淀收益规 模化 提⾼高开发效率 减少重复劳动 ⾃自动化构建 适⽤用⼤大型项⽬目重要 uni-app 终极跨解决⽅方案 100 packages 《如何看待美团开源的 mpvue》 知乎阅读数 22万 京东，360，滴滴使⽤用，⽀支付宝⼩小程序合作 技术交流群 技术社区 类别 序号 接⼊入⽅方 酒店旅游 1 美团酒店 2 美团⻔门票 3 美团汽⻋车票 4 美团⽕火⻋车票 美团点评 1 ⾦金金融 2 到店 3 外卖 4 点评 美团⽕火⻋车票

列表渲染 事件处理 表单输入绑定 组件基础 基础 - 6 - 本文档使用 书栈网 · BookStack.CN 构建 Vue.js 在设计上是可以逐步采纳的。这意味着它可以根据需求以多种方式集成到一个项目中。 将 Vue.js 添加到项目中有三种主要方式。 1. 在页面上以 CDN package 的形式导入。 2. 使用 npm 安装它。 3. 使用官方的 CLI 来构建一个项目 npm@next npm@next v3.0.2 v3.0.2 每个版本的详细发行说明可在 GitHub (opens new window) 上找到。 当前是 Beta 版——Vuex 和 Router 的集成仍然是 WIP 在使用 Vue 时，我们推荐在你的浏览器上安装 Vue Devtools (opens new window)，它允许 你在一个更友好的界面中审查和调试 Vue 应用。 获取 及更高版本) 之下表现一致。必要时，Vue 组件也可以包装于原生自定义元素之内。 2. Vue 组件提供了纯自定义元素所不具备的一些重要功能，最突出的是跨组件数据流、自定义事件 通信以及构建工具集成。 虽然 Vue 内部没有使用自定义元素，不过在应用使用自定义元素、或以自定义元素形式发布时，依然 有很好的互操作性 (opens new window)。Vue CLI 也支持将 Vue 组件构建成为原生的自定义

IMWebConf2017 前端开发者大会 尊敬的 先生/女士，您好！ IMWebConf2017 前端开发者大会将于2017年09月在深圳召开。 会议内容 会议内容 作为业内有一定影响力的专业前端技术交流大会，IMWebConf 已经成功举办五届，累计探讨的议题超过上百个，线 上线下参会者达数千人，累计影响前端爱好者超过数万人。 这是一次难得的和国内外以及腾讯前端大神面对面交流的机会。 大会介绍： 月16日（周六） 日（周六）在 深圳科兴国际会议中心 深圳科兴国际会议中心 举行。届时将邀请国内外知名互联网公 司及组织（包括W3C、微软、Google、腾讯、阿里等）的前端达人为我们带来最新前端技术的分享。 关于我们： 关于我们： IMWebConf 是由腾讯IMWeb团队发起的专注于Web前端领域的非营利性开发者大会。 IMWeb团队专注前端领域多年，曾负责腾讯最核心的基础海量业务QQ 腾讯在线教育战略产品腾讯课堂及企鹅辅导的研发， 并精心打造前端工程师Next学位，开启在线教育变革之路。 我们的工程师们也多次在Qcon、Velocity等业界大会进行分享。我们有着丰富的前端经验，也热衷于技术的开源与 分享。每年，我们都会举办自己的前端大会 ——IMWebConf。 会议日程 会议日程 大会流程： 大会流程： Node.js会场 会场 框架性能会场 框架性能会场 综合会场 综合会场