目 录 致谢 基础 安装 介绍 应用 & 组件实例 模板语法 Data Properties and Methods 计算属性和侦听器 Class 与 Style 绑定 条件渲染 列表渲染 事件处理 表单输入绑定 组件基础 深入组件 组件注册 Props 非 Prop 的 Attribute 自定义事件 插槽 提供 / 注入 动态组件 & 异步组件 提供/注入 模板引用 渲染机制和优化 Vue 2 中的更改检测警告 工具 单文件组件 测试 TypeScript 支持 Mobile 规模化 路由 状态管理 服务端渲染 无障碍 基础 语义学 标准 资源 从 Vue 2 迁移 介绍 v-for 中的 Ref 数组 异步组件 attribute 强制行为 自定义指令 自定义元素交互 Data 选项 事件 API 组件实例 模板语法 Data Properties and Methods 计算属性和侦听器 Class 与 Style 绑定 条件渲染 列表渲染 事件处理 表单输入绑定 组件基础 基础 - 6 - 本文档使用 书栈网 · BookStack.CN 构建 Vue.js 在设计上是可以逐步采纳的。这意味着它可以根据需求以多种方式集成到一个项目中。 将 Vue.js 添加到项目中有三种主要方式。

带来最新前端技术的分享。 关于我们： 关于我们： IMWebConf 是由腾讯IMWeb团队发起的专注于Web前端领域的非营利性开发者大会。 IMWeb团队专注前端领域多年，曾负责腾讯最核心的基础海量业务QQ统一登录、QQ注册、QQ群等，目前主要聚焦 腾讯在线教育战略产品腾讯课堂及企鹅辅导的研发， 并精心打造前端工程师Next学位，开启在线教育变革之路。 我们的工程师们也多次在Qcon、 前端团队负责人，再之前的最近的经历主要在 豌豆荚，喜好前端，也做过后端和客户端，出 版过2本前端读物，包含 《vue.js权威指南》 等，作为分享嘉宾最近参与了 2016 SDCC 中 国软件开发者大会 以及最近的全球首届 vueconf 等技术分享大会 陈申海 现就职于某大型电商网站担任资深前端开发工 程师，非科班野生程序员一枚，5年专业“切图 仔”。目前主要从事WEB前端、node Inside React Fiber 天猪 阿里游戏前端负责人，EggJS 核心开发者。 Egg & Node.js 从小 工坊走向企业级开发 Egg 是阿里 Node.js 的核心 基础框架，通过「微内核 + 插件机制 + 框架定制能 力」，完美达成生态共建和 差异化定制的平衡点。Egg 已开源近一年，本次分享将 介绍 Egg 的设计理念和特 点，演示在团队里如何渐进

mpvue 开发框架介绍和最佳实践 ���Vue.js������� 美团酒旅 - 终端研发组 - 基础服务平台 动态化技术⽅方向，⼩小程序应⽤用、RN 应⽤用 努⼒力力于⼩小程序⼯工程化开发、业务级应⽤用 ������美团点评 ⽬目录 CONTENTS mpvue 介绍 使⽤用⽅方式 设计思路路 实践 & 展望 1 mpvue 介绍 作为⼩小程序应⽤用开发框架，mpvue mpvue only mpvue 为主 mpvue 做增量量开发 使⽤用场景 • 官⽅方标准使⽤用⽅方式 • 从零构建⼩小程序项⽬目 • quickstart 集成⽅方案 • mpvue ⽅方案为基础 • 不不同⽅方案边界隔离 • 差异化构建 + 集成 • 维持既有技术⽅方案 • 使⽤用 simple ⼯工具 • 定制构建策略略 # install vue-cli $ npm install 框架解决哪部分核⼼心诉求，实际开发中有什什么好的建 议？针对社区的反馈，mpvue 未来的⽅方向是什什么 现有 Vue.js H5 项⽬目迁移 平台差异抹平 基础库替换 构建⼯工具替换 H5 和浏览器器 API Vue.js 基础库 vue-loader ⼩小程序平台 API mpvue 基础库 mpvue-loader 推荐上⼿手路路径 segmentfault 专栏: https://segmentfault

层：提供业务代码运⾏行行时的前端上下⽂文环境； • Native Framework 层：负责前终端通讯与 JavaScript VM，并提供 Native 相关模块； • Portable UI 层：提供基础 UI 组件与布局计算框架，并负责渲染⾄至⽬目标平台； Layout/Style Hippy Layout Text Component Text... Component Node Render 层：提供业务代码运⾏行行时的前端上下⽂文环境； • Native Framework 层：负责前终端通讯与 Javascript VM，并提供 Native 相关模块； • Portable UI 层：提供基础 UI 组件与布局计算框架，并负责渲染⾄至⽬目标平台； Layout/Style Hippy Layout Text Component Text... Component Node Render

在上面说了Mock的一个基本使用，那他是如何工作的呢？ 前面已经说了，Mock相当于模拟服务器数据，那请求数据的地方在哪里呢？那就是Service的文件夹 ，这时候我们大致看一下Service的基础结构，方便后面的demo看懂。 import {request} from "umi"; 原文链接：Ant Design Pro 从零到一（Mock 使用） export async function