目 录 致谢 基础 安装 介绍 应用 & 组件实例 模板语法 Data Properties and Methods 计算属性和侦听器 Class 与 Style 绑定 条件渲染 列表渲染 事件处理 表单输入绑定 组件基础 深入组件 组件注册 Props 非 Prop 的 Attribute 自定义事件 插槽 提供 / 注入 动态组件 & 异步组件 读者，因为我们都将成为知识的传承者。 当前内容版权归 Vue 或其关联方所有，如需对内容或内容相关联开源项目进行关注与资助，请点击 Vue. 致谢 - 5 - 本文档使用 书栈网 · BookStack.CN 构建 安装 介绍 应用 & 组件实例 模板语法 Data Properties and Methods 计算属性和侦听器 Class 与 Style 绑定 条件渲染 列表渲染 事件处理 表单输入绑定 在设计上是可以逐步采纳的。这意味着它可以根据需求以多种方式集成到一个项目中。 将 Vue.js 添加到项目中有三种主要方式。 1. 在页面上以 CDN package 的形式导入。 2. 使用 npm 安装它。 3. 使用官方的 CLI 来构建一个项目，它为现代前端工作流程提供了功能齐备的构建设置 (例如， 热重载、保存时的提示等等)。 最新版本： npm@next npm@next v3.0

带来了了是什什么？当前社区的反馈如何？ mpvue 是什什么 使⽤用 Vue.js 开发⼩小程序的前端框架 Vue.js 代码 ⼩小程序代码 ⼯工程化体系集成 cli 命令⾏行行⼯工具 编译构建集成 ⽣生态扩展能⼒力力 npm 管理理⽀支持 Vue 组件机制 开发规范扩展 Vue 编码规范 Vue 语法⽀支持 Vue 引擎驱动 mpvue 的能⼒力力 好扩展 前端赋能 使⽤用 mpvue 之前 了了解⼩小程序能⼒力力 & 边界 了了解 Vue.js 特性 了了解前端构建 mpvue 做什什么 & 不不做什什么 设计⼀一种编码⽅方式 确定⼀一套语法集合 内置编译构建⼯工具 推荐示例例项⽬目模板 UI 组件库 常⽤用⼯工具库 第三⽅方平台⽀支持 H5 差异抹平和适配 mpvue only mpvue 为主 mpvue 做增量量开发 使⽤用场景 ⼩小程序开发姿势各不不相同，mpvue 是如何决策的？制定规则 还是复⽤用规则，mpvue 如何通过最⼩小的代价，打通传统前端 和⼩小程序开发的壁垒？ Vue 代码 mpvue 编译器器 视图层代码 逻辑层代码 执⾏行行阶段 编译阶段 View VDom Component WXML WXSS Service mpvue SDK 事件函数 逻辑 Data ⽣生命周期 data event

是⼀一套多端统⼀一的开发框架，它能通过 JavaScript ⾼高效率地开发出：跨平台（安卓/iOS/ Web）、⾼高性能的原⽣生应⽤用，尤其适合需要快速迭代⼜又追求⾼高性能的产品。 • Hippy 管理理平台 涵盖编译、发布、监控等动态运营所需的各个环节，并⽀支持灰度⽐比例例、ABTest、差量量包等 ⾼高级特性。 Android Platform iOS Platform Web Platform React Hippy-Vue 只更更改 Vue 的 输⼊入和输出，核⼼心逻辑并未 侵⼊入： • 通过 node-ops 接⼝口对 接⾃自定义 DOM • 转换 DOM 到终端。 • 单独实现 CSS 编译和解 析 Vue 3.0 升级后如果 node-ops 接⼝口不不变，则可 以直接升级适配。 更更新：有了了 createRender() 更更⽅方便便 了了。 Component Map

huarongxu(徐华 荣) 徐华荣，QQ浏览器高级工程师，从事过编译器 优化，Javascript引擎JIT开发工作， 目前负责 桌面QQ浏览器内核研究和开发，TBS（腾讯浏 览服务）组件负责人； Javascript引擎的技术 演进 通过介绍Javascript引擎的技 术演进，从最原始的语法树 遍历技术，到字节码虚拟机 的实现，再到JIT编译及一系 列的优化技术，让我们了解 Javascript引擎性能飞速发展

Vue 2.4 K??? 更好的 TypeScript 整合 TypeScript 和 VSCode 团队为 Vue 量身打造更好的类型推导和 IDE 支持 SSR 性能进一步优化 通过编译时优化获得 2~8x 性能提升 SSR + webpack code split 完美支持 （不再局限于路由） vue-cli 3.0 ● 配置依赖化 + 可组合 ● PWA by default