Vue 2017 现状与展望 | 视频+PPT+速记快速回顾

微软Typescript团队和VS Code团队亲自给Vue开发插件，下一个版本的Vue 2.4将由微软提供支持Vue使用Typescript，之前为VS Code写vue扩展插件的人已入职微软VS Code团队

讲师 | 尤雨溪

速记 | kalasoo

5 月 20 日，在全球首届 VueConf 上，Vue.js 作者尤雨溪介绍了 Vue.js 2017 的现状，并对 Vue 的未来做了展望。本文是对此次演讲的回顾。获取更多Vue相关内容，请关注前端之巅公众号并回复“Vue”。

视频回顾

建议视频和下文的 PPT 及速记结合观看。

class="video_iframe" data-vidtype="1" allowfullscreen frameborder="0" height="417" width="556" scrolling="no" data-src="https://v.qq.com/iframe/preview.html?vid=s0506yc3u0e&width=500&height=375&auto=0">

一、Vue 的起源

• 2013 年 6 月：First Commit (Seed)

• 2013 年 12 月：第一次将项目名字 Vue

• 2014 年 2 月：第一次公开发布 Hacker News

• 2014 年 11 月：0.11 版本（重写）

• 2015 年 4 月：Laravel 社区作者开始使用并宣传

• 2015 年 10 月：Vue.js 1.0 发布

• 2016 年 10 月：Vue.js 2.0 发布（重写 & 一定的向后兼容）

二、Vue 的定位

 早期定位

Just a View Layer Library

最早只想解决一些视图层的问题，并没有完全服务于大型业务的功能。但是随着 Vue 的发展开始增加辅助工具，例如 vue-router, vue-loader, vuex

 进化后的定位

The Progress Framework

不需要完全的全家桶，而是可以渐进式的根据需求一点点增加业务复杂度。这样易于上手，也可以更快的应用在老业务上，比侵入式框架易于上手。

三、Vue 的现状

• GitHub 超过 53,986 个 Star 数，已经是历史的 Top 10

• 每月 55 万 + 次 NPM 下载（不算阿里爸爸 CNPM 镜像）

• Chrome DevTool 插件 17.4 万日活

• 国内用户：

• 314 Contributors

• 社区化的开源产品：NUXT.js，Quasar Framework（Ionic），Element，iView，Muse-UI，Vux，Vuetify，Vue Material

• 与阿里合作的 Weex

• Microsoft Build TypeScipt 老大作者 Anders Hejlsberg 在 Demo 中 Vue + VSCode 中可以推倒

• Google I/O Addy Osmani 介绍 Vue + PWA

Vue 2.3

 服务端渲染改进 ssr.vuejs.org

在存在代码分割的情况下，通过分析 Webpack 服务端和客户端的构建信息，自动推导需要在客户端预加载的文件，生成最优的 <script> 和 <link re="preload/prefetch"> 链接

 异步组件改进

Loading / Error / Timeout Fallback

 函数式组件改进

• 不再需要显示式 props

 其他改进

• Passive 事件侦听：@touchmove.passive

• .sync 回归了

Vue 2.4

Vue 2.4（K__）

 与 TypeScript 更好的整合

• TypeScript 团队 Type 声明

• VSCode 团队最好的 IDE

 SSR 性能进一步优化

通过编译时优化获得 2~8x 性能提升，通过字符串实现性能优化，但是很多 2.0+ 都是用 render 实现的。现在是可以自动分析出来，非组件内容多的话，可以快速提升。

 SSR + webpack code split 完美支持

不再局限于路由

 vue-cli 3.0

• 配置依赖化 + 可组合（更新升级）

• PWA by default

• 一个模版，不同参数（--ts, --sr ...）

• 更好的测试方案

长期展望

素材来源

 视频及 PPT 来源

视频及 PPT 由 Vue.js 官方、W3C 中国、w3ctech、前端圈共同举办的全球首届 VueConf 提供。

PPT 下载链接：https://img.w3ctech.com/VueConf-Beijing.pdf

 速记来源

掘金《VueConf 大会现场笔记》

https://juejin.im/post/591fa2d0a0bb9f005f3ccd1b?from=singlemessage&isappinstalled=0

以上素材均已获得授权。

原文地址：https://mp.weixin.qq.com/s/bkE5BVzz7AUCJB4yc9rxbQ

---

.NET社区新闻，深度好文，微信中搜索dotNET跨平台或扫描二维码关注