微軟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跨平臺或掃描二維碼關注

總結

以上是生活随笔為你收集整理的Vue 2017 现状与展望 | 视频+PPT+速记快速回顾的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。