目 录 致谢 基础 安装 介绍 应用 & 组件实例 模板语法 Data Properties and Methods 计算属性和侦听器 Class 与 Style 绑定 条件渲染 列表渲染 事件处理 表单输入绑定 组件基础 深入组件 组件注册 Props 非 Prop 的 Attribute 自定义事件 插槽 提供 / 注入 动态组件 & 异步组件 或其关联方所有，如需对内容或内容相关联开源项目进行关注与资助，请点击 Vue. 致谢 - 5 - 本文档使用 书栈网 · BookStack.CN 构建 安装 介绍 应用 & 组件实例 模板语法 Data Properties and Methods 计算属性和侦听器 Class 与 Style 绑定 条件渲染 列表渲染 事件处理 表单输入绑定 组件基础 基础 - 6 - 安装教程给出了更多安装 Vue 的方式。请注意我们不推荐新手直接使用 vue-cli ，尤其是在你还 不熟悉基于 Node.js 的构建工具时。 Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统： 1.

优化，Javascript引擎JIT开发工作， 目前负责 桌面QQ浏览器内核研究和开发，TBS（腾讯浏 览服务）组件负责人； Javascript引擎的技术 演进 通过介绍Javascript引擎的技 术演进，从最原始的语法树 遍历技术，到字节码虚拟机 的实现，再到JIT编译及一系 列的优化技术，让我们了解 Javascript引擎性能飞速发展 背后的努力，梳理技术变迁 的脉络，展望技术发展的趋 势。 会议门票

• 实际上Vue的组件系统具有图灵完备性 • 使⽤用Vue计算阶乘 • 使⽤用Vue计算斐波那契数列列 声明式与UI编程 UI编程 • 70年年代 MVC诞⽣生 ⼈人们意识到视图应该被独⽴立抽象 • 80年年代 标记语⾔言⼤大热 最初更更与⽂文本相关 • 90年年代 可视化编辑器器出现 “独⽴立的UI代码⽂文件” • 2000年年后 markup language+ programming MVVM是为声明式/多语⾔言量量身定做的编程模型 MVVM的数据绑定 • 数据绑定是声明式的数据与UI通讯 • ⼀一些逻辑中数据绑定不不需要命令式代码 声明式数据交换 交互的抽象 ⼿手势 时间 陀螺仪 …… 位置 透明度 颜⾊色 …… 交互的抽象 ⼿手势 时间 陀螺仪 …… 位置 透明度 颜⾊色 …… Event Property Expression 使⽤用Vue Directive给元素添加⾏行行为

js 代码 ⼩小程序代码 ⼯工程化体系集成 cli 命令⾏行行⼯工具 编译构建集成 ⽣生态扩展能⼒力力 npm 管理理⽀支持 Vue 组件机制 开发规范扩展 Vue 编码规范 Vue 语法⽀支持 Vue 引擎驱动 mpvue 的能⼒力力 好扩展 前端赋能 易易学习 超低上⼿手 成本 多端复⽤用 技术沉淀收益规 模化 提⾼高开发效率 减少重复劳动 ⾃自动化构建 场景下应该如何使⽤用，典型的使⽤用流程是怎样的？ 使⽤用 mpvue 之前 了了解⼩小程序能⼒力力 & 边界 了了解 Vue.js 特性 了了解前端构建 mpvue 做什什么 & 不不做什什么 设计⼀一种编码⽅方式 确定⼀一套语法集合 内置编译构建⼯工具 推荐示例例项⽬目模板 UI 组件库 常⽤用⼯工具库 第三⽅方平台⽀支持 H5 差异抹平和适配 mpvue only mpvue 为主 mpvue 做增量量开发 数据同步机制 ⽣生命周期关联 mpvue SDK 从 SFC 提取出 AST 从 AST 构建模板代码 AST 数据改造 mpvue-loader MINA mpvue wepy 语法规范 ⼩小程序开发规范 基于 Vue.js 类 Vue.js 样式规范 wxss sass, less, postcss, … sass, less, styus, … 组件化 component

v-on 会以 ctx.listeners 的形式提供 2.3 其他改进 ● passive 事件侦听: @touchmove.passive ● .sync 以 prop + listener 语法糖的形式回归 Vue 2.4 K??? 更好的 TypeScript 整合 TypeScript 和 VSCode 团队为 Vue 量身打造更好的类型推导和 IDE 支持 SSR 性能进一步优化

'@vue/composition-api' Vue 2.7 将 @vue/composition-api 整合进 Vue 2 的核⼼ 在 SFC 中