教程）》 由 进击的皇虫 使用 书栈网 (BookStack.CN) 进行构建，生成于 2020-10-21。 书栈网仅提供文档编写、整理、归类等功能，以及对文档内容的生成和导出工具。 文档内容由网友们编写和整理，书栈网难以确认文档内容知识点是否错漏。如果您在阅读文档获取 知识的时候，发现文档内容有不恰当的地方，请向我们反馈，让我们共同携手，将知识准确、高效且有 效地传递给每一个人。 Vue.js 添加到项目中有三种主要方式。 1. 在页面上以 CDN package 的形式导入。 2. 使用 npm 安装它。 3. 使用官方的 CLI 来构建一个项目，它为现代前端工作流程提供了功能齐备的构建设置 (例如， 热重载、保存时的提示等等)。 最新版本： npm@next npm@next v3.0.2 v3.0.2 每个版本的详细发行说明可在 GitHub (opens new (opens new window)，可以 大幅提升安装速度。 安装 - 11 - 本文档使用 书栈网 · BookStack.CN 构建 提示 已经了解 Vue 2，只想了解 Vue 3 的新功能可以参阅迁移指南! Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的 是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第

函数) 可灵活组合 (⽣命周期钩⼦可多次使⽤) 提供更好的上下⽂⽀持 更好的 TypeScript 类型⽀持 按功能/逻辑组织 可独⽴于 Vue 组件使⽤ 对象式 API 存在的问题 组合式 API 提供的能⼒ 什么是可组合的函数 Dark 可复⽤逻辑的集合，专注点分离 export function useDark(options: UseDarkOptions = {}) { }, }) } 在 VueUse 中可⽤: usePreferredDark useLocalStorage useDark 组合关系 其中每⼀个函数都可以独⽴使⽤ 专注点分离 useDark usePreferredDark useLocalStorage useStorage useEventListener useMediaQuery 建⽴"连结" Stars 4k 4k 同时兼容 Vue 2 和 Vue 3 Tree-shakeable ESM TypeScript CDN 兼容 核⼼包含 110+ 组合式函数 丰富的⽣态系统 8+ 扩展包 Vue 组合式 API ⼯具包 Ref 显式调⽤，类型检查 相⽐ Reactive 局限更少 .value Reactive ⾃动 Unwrap (即不需要 .value ) 在类型上和⼀般对象没有区别

构时，一次性全部解决。 Ant Design Vue 1.x 仅支持 Vue 2 ，2.x 是为了 Vue 3 开发的兼容版，并没有任何新特性，大多数的 API 也只是为了更好的兼容 Vue 3 ，3.x 版在易用性、功能、性能上都有了很大的提升，可以说是对 ue 3 比较成熟支持的版本了。 浏览器兼容性 Element Plus 和 Ant Design Vue 3 都已不在支持 IE 了，并不是他们自己放弃了 Element Plus 使用到了 ResizeObserver，如有兼容性需求可自行引入 resize-observer-polyfill。详 请参阅 ResizeObserver 的兼容性。 组件功能与特点 Element Plus 共 68 个组件，Ant Design Vue 3.x 共 64 个组件。 ● table 组件：Element Plus 自带 virtual scroll ，Ant TreeSelect 组件：Ant Design tree 组件写自定义内容不方便。而 Element 更好用。 ● form 表单组件：两个框架功能基本一致，包含数据收集，表单校验和提交功能。 input、checkb x 、select 等常用功能两个框架都有。 ● Ant Design Vue 2 & 3 是最早支持 Vue 3 的框架之一，新版本解决了很多 Vue 用户群在旧版本 喜欢的「单向数据流

开发⼩小程序的前端框架 Vue.js 代码 ⼩小程序代码 ⼯工程化体系集成 cli 命令⾏行行⼯工具 编译构建集成 ⽣生态扩展能⼒力力 npm 管理理⽀支持 Vue 组件机制 开发规范扩展 Vue 编码规范 Vue 语法⽀支持 Vue 引擎驱动 mpvue 的能⼒力力 好扩展 前端赋能 易易学习 超低上⼿手 成本 多端复⽤用 技术沉淀收益规 模化 提⾼高开发效率 减少重复劳动 版本升级 最流⾏行行的 ⼩小程序框架 社区第三⽅方库 ⽀支持 泛⼩小程序平台 动态化⽅方案 跨端 动态化 泛⼩小程序 开源 社区建设 微信 ⼩小程序 动态化能⼒力力展望 能⼒力力扩展和共建 社区⽣生态完善 专注微信⼩小程序⽀支持 将 mpvue 建设成最流⾏行行的⼩小程序开发框架 完善社区技术⽣生态 & 邀请社区贡献者 泛⼩小程序解决⽅方案 & 多应⽤用适配

工坊走向企业级开发 Egg 是阿里 Node.js 的核心 基础框架，通过「微内核 + 插件机制 + 框架定制能 力」，完美达成生态共建和 差异化定制的平衡点。Egg 已开源近一年，本次分享将 介绍 Egg 的设计理念和特 点，演示在团队里如何渐进 式演进，希望能帮助开发者 定制适合自己团队的上层框 架，走向企业级开发协作。 林子杰 阿里巴巴前端开发专家，UC 浏览器内核前端 dericktang(唐俊 俊) 唐俊俊，腾讯企业产品部高级前端开发工程 师，nconp核心开发者。 WebIM Node.js微服 务应用开发与实践 webim是腾讯企点重要消息 通路之一，它实现了无需客 户端就可以和腾讯企点客户 端进行即时沟通，node.js主 要实现了消息通路的前端接 入层服务，本次将基于 webim接入层实现架构，柔 性服务特性，监控上报等方 面的实践进行分享

拥抱标准 纯粹 只做移动端的实现 Hippy-Vue 特性 同⼀一套代码，三端运⾏行行： 移动端⽤用 Hippy-Vue 渲染原⽣生代码 浏览器器⾥里里⽤用原版 Vue 渲染⽹网⻚页代码 终端扩展 Vue.Native，可以通过它 判断是否在终端运⾏行行，访问原⽣生能⼒力力。 Hippy-Vue 特性 同样的 div 浏览器器⾥里里⽀支持的背景图样式 Hippy-Vue 同样⽀支持 跟浏览器器⼀一样通过

探索Vue的⾼高级应⽤用 Ant Design Vue ⾥里里的那些”⿊黑科技” 唐⾦金金州 搜狗、蚂蚁⾦金金服、⼀一点资讯 Ant Design Vue的诞⽣生 遇到的问题及解决⽅方案 现状及未来规划 Ant Design Vue的诞⽣生 Why How 不不要怂 就是⼲干 站在巨⼈人的肩膀上 UI=fn(state) 脚本转换 属性声明\传递、状态声明 ⽅方法 or