開(kāi)篇辭

為什么要開(kāi)啟這個(gè)項(xiàng)目？

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

為什么會(huì)這樣？

是因?yàn)?vue.js 用戶都是小白？我想不是；是因?yàn)橹袊?guó)開(kāi)發(fā)者都是伸手黨？我想也不是

或許是因?yàn)?#xff1a;大多數(shù)人想學(xué)習(xí)英文卻找不到新鮮一手的資料，想加速閱讀理解卻不到提高的機(jī)會(huì)，想實(shí)踐翻譯貢獻(xiàn)卻理不清頭緒…

那么，就從看導(dǎo)讀和聽(tīng)新聞開(kāi)始吧~

點(diǎn)評(píng)：幾大框架已經(jīng)進(jìn)入了拼生態(tài)階段，近期先從 Vue 相關(guān)內(nèi)容開(kāi)始，希望它能做的更出色~

---

vuejs 快訊 - 109 期

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

2018 年 8月28日 星期二

你好，本周重點(diǎn)介紹：

• 與尤雨溪就 Vue 的歷史和成長(zhǎng)進(jìn)行的精彩訪談。令人驚嘆的是 Vue 最終以 WIRED 文章的形式進(jìn)入主流媒體。
• 您是否聽(tīng)說(shuō)過(guò) Wes Bos 的 JavaScript 30 挑戰(zhàn)？ Dave Follett 現(xiàn)在有一個(gè) Vue 的版本。
• 有想要學(xué)習(xí)新項(xiàng)目來(lái)提高 Vue 的想法？ Robert Zehnder 通過(guò)他對(duì)龍與地下城(D＆D)的熱愛(ài)找到了他的實(shí)踐。?

文章

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

標(biāo)簽：觀點(diǎn)

尤雨溪接受了關(guān)于 Vue 成長(zhǎng)和他在 Patreon 演進(jìn)的采訪。尤雨溪就如何建立一個(gè)開(kāi)源項(xiàng)目和圍繞它的社區(qū)提出了建議。

個(gè)人 JavaScript 開(kāi)發(fā)者挑戰(zhàn) Google 和 Facebook

標(biāo)簽：觀點(diǎn)

雖然標(biāo)題有點(diǎn)誤導(dǎo)（有更多人在為 Vue 工作而不僅僅是尤雨溪），很高興看到 Vue 開(kāi)始接觸更多的主流媒體。

Vue CLI 3.0 – 幻燈片

標(biāo)簽：幻燈片 VUE-CLI

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

一個(gè)用 Vue 實(shí)現(xiàn)的新 JavaScript 30 項(xiàng)目

標(biāo)簽：新手 教程

如果你熟悉 Wes Bos 的 JavaScript 30 項(xiàng)目，Dave Follett 最近創(chuàng)建了一個(gè)博客系列，他將使用 Vue 而不是 Vanilla JavaScript 來(lái)解決每個(gè)挑戰(zhàn)。

你不容錯(cuò)過(guò)的 Vue.js 會(huì)議

標(biāo)簽：快訊 活動(dòng)

Gregg Pollack 列出了未來(lái) 10 個(gè)月內(nèi)即將召開(kāi)的 7 個(gè) Vue 會(huì)議清單，以及地點(diǎn)和門票價(jià)格。

PS：國(guó)內(nèi)還有第二屆 VueConf

Nativescript-Vue: 跳過(guò)用 JavaScript 構(gòu)建原生移動(dòng)應(yīng)用的難關(guān)

標(biāo)簽：觀點(diǎn) 移動(dòng)端 NATIVESCRIPT-VUE

Arnav Gupta 經(jīng)開(kāi)發(fā)了 8 年的原生 Android 應(yīng)用程序，他對(duì) React Native 有點(diǎn)不滿意，但對(duì)Nativescript-Vue 非常興奮。 你可以在本文中了解原因。

使用 Vue.js，Nuxt.js 和 AWS Lambda 進(jìn)行無(wú)服務(wù)器端渲染的速成課

標(biāo)簽：進(jìn)階 NUXT.JS

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

使用 Vue.js form-wizard

標(biāo)簽：新手 工具 教程

下次你需要實(shí)現(xiàn)多步驟表單時(shí)，需要在填寫(xiě)每個(gè)頁(yè)面時(shí)顯示人員進(jìn)度，也可以查看 vue-form-wizard。 Prajacta Khopkar 最近編寫(xiě)了一個(gè)快速教程，展示了在項(xiàng)目中導(dǎo)入和使用它是多么容易。

用 Asp.Net Core 實(shí)現(xiàn) Vue.js 的服務(wù)端渲染

標(biāo)簽：進(jìn)階 服務(wù)端渲染 DOT-NET

如果你對(duì)在不使用 Nuxt.js 的 Asp.NET Core 中進(jìn)行 Vue 服務(wù)器端渲染感興趣，Carlos Lisandra 寫(xiě)了一篇很棒的教程，展示了如何使用 NodeServices 來(lái)運(yùn)行它，這允許你的 .NET 應(yīng)用程序在服務(wù)器上在 Node.js 環(huán)境中執(zhí)行 JavaScript。

Vue.js 的龍與地下城戰(zhàn)斗模擬器

標(biāo)簽：工具 文章

Robert Zehnder 正準(zhǔn)備開(kāi)始一個(gè)新的 Vue 學(xué)習(xí)項(xiàng)目，因?yàn)橥陮?duì)龍與地下城的激情，他決定使用第 5 版龍與地下城系統(tǒng)參考文檔構(gòu)建一個(gè)戰(zhàn)斗模擬器。

Vue Toolbox

標(biāo)簽：工具

Vue Toolbox 是一個(gè)列出最佳 Vue.js 庫(kù)的服務(wù)。 他們被組合在一起，可以很容易地搜索。由 Tiago Alves 和 Filipe Pina 在學(xué)習(xí) Vue 時(shí)創(chuàng)建，并希望回饋社區(qū)。

---

庫(kù)

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

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

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

GitHub - arturmiz/vuent ? 用 Vue.js 組件實(shí)現(xiàn) Microsoft Fluent 設(shè)計(jì)

GitHub - joblocal/vue-mapfit 與 SSR 兼容的 vue 地圖組件，它提供了 Mapfit 實(shí)現(xiàn)的 Maps 視圖

轉(zhuǎn)載于:https://juejin.im/post/5b90bb465188255c652d1af8

總結(jié)

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

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