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

前端之巅
3,130 阅读3分钟
原文链接： mp.weixin.qq.com
讲师 | 尤雨溪 速记 | kalasoo 5 月 20 日，在全球首届 VueConf 上，Vue.js 作者尤雨溪介绍了 Vue.js 2017 的现状，并对 Vue 的未来做了展望。本文是对此次演讲的回顾。获取更多Vue相关内容，请关注前端之巅公众号并回复“Vue”。 视频回顾

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


一、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 下载链接：img.w3ctech.com/VueConf-Bei…

速记来源

掘金《VueConf 大会现场笔记》

juejin.cn/post/684490…

以上素材均已获得授权。

今日荐文

点击下方图片即可阅读

Redux 状态管理之痛点、分析与改良

视野拓展

InfoQ 主办的移动和前端开发领域的精品大会【GMTC 2017】将于 6 月 9～10 日在北京举行，作为首届以“大前端”为主题的大会，GMTC 涉及移动、前端、跨平台、AI 应用等多个技术领域，帮助你方方面面提高技术水平。扫描下图二维码，前往官网了解详细信息！

前端之巅

「前端之巅」是 InfoQ 旗下关注前端技术的垂直社群，加入前端之巅学习群请关注「前端之巅」公众号后回复“加群”。推荐分享或投稿请发邮件到 editors@cn.infoq.com，注明“前端之巅投稿”。

avatar
文章
阅读
粉丝