微軟Typescript團(tuán)隊(duì)和VS Code團(tuán)隊(duì)親自給Vue開發(fā)插件，下一個(gè)版本的Vue 2.4將由微軟提供支持Vue使用Typescript，之前為VS Code寫vue擴(kuò)展插件的人已入職微軟VS Code團(tuán)隊(duì) 講師 | 尤雨溪 速記 | kalasoo 5 月 20 日，在全球首屆 VueConf 上，Vue.js 作者尤雨溪介紹了 Vue.js 2017 的現(xiàn)狀，并對(duì) Vue 的未來做了展望。本文是對(duì)此次演講的回顧。獲取更多Vue相關(guān)內(nèi)容，請(qǐng)關(guān)注前端之巔公眾號(hào)并回復(fù)“Vue”。 視頻回顧

建議視頻和下文的 PPT 及速記結(jié)合觀看。

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 月：第一次將項(xiàng)目名字 Vue

• 2014 年 2 月：第一次公開發(fā)布 Hacker News

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

• 2015 年 4 月：Laravel 社區(qū)作者開始使用并宣傳

• 2015 年 10 月：Vue.js 1.0 發(fā)布

• 2016 年 10 月：Vue.js 2.0 發(fā)布（重寫 & 一定的向后兼容）

二、Vue 的定位 ?早期定位

Just a View Layer Library

最早只想解決一些視圖層的問題，并沒有完全服務(wù)于大型業(yè)務(wù)的功能。但是隨著 Vue 的發(fā)展開始增加輔助工具，例如 vue-router, vue-loader, vuex

?進(jìn)化后的定位

The Progress Framework

不需要完全的全家桶，而是可以漸進(jìn)式的根據(jù)需求一點(diǎn)點(diǎn)增加業(yè)務(wù)復(fù)雜度。這樣易于上手，也可以更快的應(yīng)用在老業(yè)務(wù)上，比侵入式框架易于上手。

三、Vue 的現(xiàn)狀

• GitHub 超過 53,986 個(gè) Star 數(shù)，已經(jīng)是歷史的 Top 10

• 每月 55 萬 + 次 NPM 下載（不算阿里爸爸 CNPM 鏡像）

• Chrome DevTool 插件 17.4 萬日活

• 國內(nèi)用戶：

• 314 Contributors

• 社區(qū)化的開源產(chǎn)品：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 ?服務(wù)端渲染改進(jìn) ssr.vuejs.org

在存在代碼分割的情況下，通過分析 Webpack 服務(wù)端和客戶端的構(gòu)建信息，自動(dòng)推導(dǎo)需要在客戶端預(yù)加載的文件，生成最優(yōu)的 <script> 和 <link re="preload/prefetch"> 鏈接

?異步組件改進(jìn)

Loading / Error / Timeout Fallback

?函數(shù)式組件改進(jìn)

• 不再需要顯示式?props

?其他改進(jìn)

• Passive 事件偵聽：@touchmove.passive

• .sync 回歸了

Vue 2.4 Vue 2.4（K__） ?與 TypeScript 更好的整合

• TypeScript 團(tuán)隊(duì) Type 聲明

• VSCode 團(tuán)隊(duì)最好的 IDE

?SSR 性能進(jìn)一步優(yōu)化

通過編譯時(shí)優(yōu)化獲得 2~8x 性能提升，通過字符串實(shí)現(xiàn)性能優(yōu)化，但是很多 2.0+ 都是用 render 實(shí)現(xiàn)的。現(xiàn)在是可以自動(dòng)分析出來，非組件內(nèi)容多的話，可以快速提升。

?SSR + webpack code split 完美支持

不再局限于路由

?vue-cli 3.0

• 配置依賴化 + 可組合（更新升級(jí)）

• PWA by default

• 一個(gè)模版，不同參數(shù)（--ts, --sr ...）

• 更好的測試方案

長期展望

素材來源 ?視頻及 PPT 來源

視頻及 PPT 由 Vue.js 官方、W3C 中國、w3ctech、前端圈共同舉辦的全球首屆 VueConf 提供。

PPT 下載鏈接：https://img.w3ctech.com/VueConf-Beijing.pdf

?速記來源

掘金《VueConf 大會(huì)現(xiàn)場筆記》

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

以上素材均已獲得授權(quán)。

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

---

.NET社區(qū)新聞，深度好文，微信中搜索dotNET跨平臺(tái)或掃描二維碼關(guān)注

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。