1. 程式人生 > >Vue 2.5 釋出了:新功能特性一覽!

Vue 2.5 釋出了:新功能特性一覽!

譯者:neal1991,https://github.com/neal1991

https://segmentfault.com/a/1190000011563461

原文:https://medium.com/the-vue-point/vue-2-5-released-14bd65bf030b

我們很高興宣佈 Vue 2.5 Level E 的釋出!本次釋出包括多個功能提升並且我們推薦你檢視釋出說明來獲取完整詳細資訊。 在這篇文章中,我們將重點介紹一些更重要的的變化:更好的 TypeScript 整合,更好的錯誤處理,更好地支援單檔案元件中的函式式元件以及與環境無關的服務端渲染。

更好的 TypeScript 整合

640?wx_fmt=png&wxfrom=5&wx_lazy=1

得益於 TypeScript 團隊的幫助,2.5 提供了大大改進的型別宣告,可以與 Vue 的開箱即用的 API 一起使用,而不需要元件類裝飾器。 新的型別宣告還可以讓 Vetur 等編輯器擴充套件功能更強大,為純 JavaScript 使用者提供更好的Intellisense 支援。 更多詳細資訊,請檢視我們之前關於更改的資訊(翻譯版本)。

感謝來自 TypeScript 團隊的 Daniel Rosenwasser 發起的PR,以及核心團隊成員 Herrington Darkholme和 Katashin 的改進和審查。

注意:TypeScript 使用者還應將以下包更新為最新版本從而相容型別宣告:vue-router,vuex,vuex-router-sync 和vue-class-component。

更好地錯誤處理

0?wx_fmt=png

在2.4及更早版本中,我們通常使用全域性 config.errorHandleroption 來處理應用程式中的意外錯誤。 我們還有renderError 元件選項來處理渲染函式中的錯誤。 但是,我們缺少處理應用程式特定部分內的泛型錯誤的機制。

在2.5中,我們引入了新的 errorCaptured 鉤子。 具有此鉤子的元件捕獲其子元件樹(不包括其自身)中的所有錯誤(不包括在非同步回撥中呼叫的那些)。 如果你熟悉React,這與 React 16 中引入的錯誤邊界的概念相似。鉤子接收與全域性 errorHandler 相同的引數,你可以利用這個鉤子來優雅地處理和顯示錯誤。

更好地支援 SFC 中的函式式元件

0?wx_fmt=png

使用 vue-loader> = 13.3.0 和 Vue 2.5,在 * .vue 檔案中定義為單個檔案元件的函式式元件現在可以得到正確的模板編譯,Scoped CSS和熱重新載入支援。 這使得將葉子元件轉換為函式式的更為容易,從而進行效能優化。

*感謝核心團隊成員Blake Newman 對於這些功能做出的貢獻。

與環境無關的服務端渲染

vue-server-renderer 的預設構建假定一個 Node.js 環境,這使得它在有的 JavaScript 執行時(如 php-v8js 或Nashorn)中不可用。 在 2.5 中,我們已經發布了一個與環境無關的 vue-server-renderer 版本,可以在瀏覽器或純 JavaScript 引擎中使用。 這可以開啟有趣的策略,例如直接在 PHP 程序中使用 Vue 服務端渲染。

同樣,我們建議你檢視完整的釋出說明從而瞭解其他 API 的改進,包括 v-on,v-model,scoped slot,provide/inject 等。 你可能也對我們的公共藍圖感興趣,詳細說明了團隊的工作。 乾杯!

●本文編號2695,以後想閱讀這篇文章直接輸入2695即可

●輸入m獲取文章目錄

推薦↓↓↓ 

0?wx_fmt=gif

前端開發

涵蓋:程式人生、演算法與資料結構、黑客技術與網路安全、大資料技術、前端開發、Java、Python、Web開發、安卓開發、iOS開發、C/C++、.NET、Linux、資料庫、運維等。