開篇辭

為什么要開啟這個項目？

• vue.js 的（中文）文檔循序漸進對新手友好，但在高級技巧方面講解的并不算深入淺出，比如
• 據說，大多數 vue.js 用戶并沒有使用過 render 函數，而 vue 內置的 keep-alive / transition(-group)，nuxt 內置的nuxt(-child) / no-ssr，vue-router 內置的router-view / link都是用 render 函數實現的（renderless component with render function）
• 據說，大多數 vue.js 用戶對于組件復用的理解，還停留在 mixin / directive 及 HOC 等技巧的探索上。但 vue 其實還有個比肩 react 生態 render props 能力的 scoped slots（作用域插槽），這個讓新手一頭霧水的翻譯和與其不匹配的強大能力則在官網被一筆帶過。但不幸的是，大量 UI 復雜繁瑣的 PC 后臺系統和其背后的組件庫，如 Element UI 的 autocomplete / transfer / table / tree、新出的 portal-vue 等組件)則有很多 scoped slots 的應用
• vue.js 是一款非常優秀的框架，但跟 react 相比，在（國內）生態上還是稍差一些，比如：
• nuxt.js 作為 vue 生態圈第二大的 Framework ，官方已經發布了 nuxt-edge (nuxt@2) 半年以上的時間，官網文檔還停留在 1.4.0 而其中文版本還停留在 0.10.7
• vue.js 官方團隊早就上線了 news.vuejs.org 這個快訊站，并一共發布了 108 期（平均每周一期，最初的訂閱郵件是 2016 年開始的，后續到今年 2 月上線并增加了音頻 & 主播），國內也沒有一個中文子站…（或許因為該項目暫未考慮國際化集成 i18n 插件？）

為什么會這樣？

是因為 vue.js 用戶都是小白？我想不是；是因為中國開發者都是伸手黨？我想也不是

或許是因為：大多數人想學習英文卻找不到新鮮一手的資料，想加速閱讀理解卻不到提高的機會，想實踐翻譯貢獻卻理不清頭緒…

那么，就從看導讀和聽新聞開始吧~

點評：幾大框架已經進入了拼生態階段，近期先從 Vue 相關內容開始，希望它能做的更出色~

---

vuejs 快訊 - 109 期

聽得懂英文點原文、喜馬拉雅，看得懂英文點下面外鏈(部分需翻墻)。都不懂？就當看資訊咯~ PS. 喜馬拉雅可以調成 .75 倍速，強烈推薦~

2018 年 8月28日 星期二

你好，本周重點介紹：

• 與尤雨溪就 Vue 的歷史和成長進行的精彩訪談。令人驚嘆的是 Vue 最終以 WIRED 文章的形式進入主流媒體。
• 您是否聽說過 Wes Bos 的 JavaScript 30 挑戰？ Dave Follett 現在有一個 Vue 的版本。
• 有想要學習新項目來提高 Vue 的想法？ Robert Zehnder 通過他對龍與地下城(D＆D)的熱愛找到了他的實踐。?

文章

Vue.js 作者尤雨溪如何在 Patreon 上月入 $16k

標簽：觀點

尤雨溪接受了關于 Vue 成長和他在 Patreon 演進的采訪。尤雨溪就如何建立一個開源項目和圍繞它的社區提出了建議。

個人 JavaScript 開發者挑戰 Google 和 Facebook

標簽：觀點

雖然標題有點誤導（有更多人在為 Vue 工作而不僅僅是尤雨溪），很高興看到 Vue 開始接觸更多的主流媒體。

Vue CLI 3.0 – 幻燈片

標簽：幻燈片 VUE-CLI

如果你想在新 CLI 上為你的公司或聚會小組提供演示文稿，這些幻燈片是一個很好的起點。

一個用 Vue 實現的新 JavaScript 30 項目

標簽：新手 教程

如果你熟悉 Wes Bos 的 JavaScript 30 項目，Dave Follett 最近創建了一個博客系列，他將使用 Vue 而不是 Vanilla JavaScript 來解決每個挑戰。

你不容錯過的 Vue.js 會議

標簽：快訊 活動

Gregg Pollack 列出了未來 10 個月內即將召開的 7 個 Vue 會議清單，以及地點和門票價格。

PS：國內還有第二屆 VueConf

Nativescript-Vue: 跳過用 JavaScript 構建原生移動應用的難關

標簽：觀點 移動端 NATIVESCRIPT-VUE

Arnav Gupta 經開發了 8 年的原生 Android 應用程序，他對 React Native 有點不滿意，但對Nativescript-Vue 非常興奮。 你可以在本文中了解原因。

使用 Vue.js，Nuxt.js 和 AWS Lambda 進行無服務器端渲染的速成課

標簽：進階 NUXT.JS

如果你正在運行配置好的 Nuxt 服務器渲染，通常需要部署在 Node 服務器上。 Adnan Rahic撰寫了一篇文章，展示如何使用 AWS Lamdba 和 serverless 框架呈現你的 Nuxt 應用程序。

使用 Vue.js form-wizard

標簽：新手 工具 教程

下次你需要實現多步驟表單時，需要在填寫每個頁面時顯示人員進度，也可以查看 vue-form-wizard。 Prajacta Khopkar 最近編寫了一個快速教程，展示了在項目中導入和使用它是多么容易。

用 Asp.Net Core 實現 Vue.js 的服務端渲染

標簽：進階 服務端渲染 DOT-NET

如果你對在不使用 Nuxt.js 的 Asp.NET Core 中進行 Vue 服務器端渲染感興趣，Carlos Lisandra 寫了一篇很棒的教程，展示了如何使用 NodeServices 來運行它，這允許你的 .NET 應用程序在服務器上在 Node.js 環境中執行 JavaScript。

Vue.js 的龍與地下城戰斗模擬器

標簽：工具 文章

Robert Zehnder 正準備開始一個新的 Vue 學習項目，因為童年對龍與地下城的激情，他決定使用第 5 版龍與地下城系統參考文檔構建一個戰斗模擬器。

Vue Toolbox

標簽：工具

Vue Toolbox 是一個列出最佳 Vue.js 庫的服務。 他們被組合在一起，可以很容易地搜索。由 Tiago Alves 和 Filipe Pina 在學習 Vue 時創建，并希望回饋社區。

---

庫

GitHub - ktquez/vuepress-theme-ktquez 一個 VuePress 的博客主題 by Ktquez ?.

tiptap – a renderless rich-text editor for Vue.js 此編輯器基于 Prosemirror，完全可擴展且無渲染(renderless)。 你可以輕松地將自定義節點添加為 Vue 組件。

注：renderless 意味著你將擁有（幾乎）完全控制標記和樣式的能力。 我不想告訴你菜單應該是什么樣的，或者它應該在 DOM 中呈現的位置。 這完全取決于你。 Adam Wathan 還有一篇關于 renderless components 的好文章。

GitHub - arturmiz/vuent ? 用 Vue.js 組件實現 Microsoft Fluent 設計

GitHub - joblocal/vue-mapfit 與 SSR 兼容的 vue 地圖組件，它提供了 Mapfit 實現的 Maps 視圖

轉載于:https://juejin.im/post/5b90bb465188255c652d1af8

總結

以上是生活随笔為你收集整理的开篇辞 vuejs 快讯 - 109 期的全部內容，希望文章能夠幫你解決所遇到的問題。

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