好消息,Vue3官方文檔出中文版的啦!

今天在看vue-composition-api文檔的時候,忽然發現多出來個Languages選項:

咦奇怪,我記得之前好像沒有這個選項的呀。趕忙點開看看有沒有中文:

太棒了!仍是尤大對咱好,感動得我熱淚盈眶,雖然有可能壓根就不是他翻譯的。
由於在知乎,我曾看他發佈過這麼一段話:

固然是否是他翻譯的並不重要,重要的是英文很差的小夥伴們終於能夠仔細看看vue3的composition-api的具體細節啦!vue

文檔地址

https://composition-api.vuejs.org/zh/

首頁


映入眼簾的就是這麼一段標題,把不應翻譯的都給翻譯了,一度讓我懷疑是否是用谷歌翻譯的。
叫組合式API還真有點不太習慣,還有把RFC變成徵求意見稿,乍一看還有點讓人丈二的和尚摸不着頭腦。面試

什麼是RFC

相信許多小夥伴聽到這個詞以後一臉懵,由於這種所有都是大寫的幾個字母組成的單詞一看就是好幾個單詞取每一個單詞的首字母大寫拼成的,即便英語很好的人也沒法憑藉幾個單詞的首字母大寫而判斷出這是哪幾個單詞的首字母。除非你常常處於某些個首字母拼寫的環境下,好比你很喜歡籃球,那麼你必定知道NBA是什麼、喜歡格鬥的話,你確定聽過UFC(尤雨溪就是UFC鐵粉)。不過更多的人是知道首字母表明什麼大概的含義,而並不知道全拼,好比:NBA、CBA、UFC、MMA、CCTV等,大多數人知道的是NBA表明美國籃球賽事、CBA表明中國籃球賽事、UFC表明美國綜合格鬥賽事、MMA表明綜合格鬥這項運動、CCTV表明中央電視臺等,但幾乎不多有人知道他們的全拼。vue-cli

RFC的全拼

RFC是由Requests For Comment這三個單詞的首字母拼接而成,若是單看字面意思的話,它能夠被翻譯成請求評論,聽起來依然不是很好理解,請求什麼評論?就評個論還得低聲下氣的去求你?說好的言論自由呢?typescript

其實,它還有另一個比較高大上的翻譯,叫作:徵求意見書。這樣的話就比較好理解了,我們不止要自由,並且還要民主!

徵求意見稿

既然知道了徵求意見稿,那麼就不得不提一下《vue3的設計過程》了,這個composition-api究竟是基於什麼樣的一個想法去實現的?
官網都有詳細的說明。api

嘗試使用

既然中文文檔都出來了,就更沒有理由偷懶說什麼學不動了。ide

雖然有些人仍是比較有顧忌,說是什麼如今仍是處於beta階段不穩定,想等正式版出了再學。函數

但實際上如今的api已經趨於穩定,目前的工做也就是修修bug,不會出現什麼增長個新的api或者修改一個已有的api,按照這個文檔去學是不會有太大問題的。post

這樣的話提早會用總比vue3正式版出來了你纔去學強吧!如今博客那麼多文章說什麼面試官問這問那的,若是你在簡歷上寫着你已經熟練掌握vue3了這豈不是一個很大的加分項嗎?spa

那麼我們就直接開始吧!插件

建立一個vue3項目仍是很簡單的:參考這篇《今日凌晨Vue3 beta版震撼發佈,居然公開支持腳手架項目!》

簡而言之就是這麼兩步:

  1. vue create projectName
  2. vue add vue-next
  • 最好使用最新版的@vue/cli4腳手架
  • vue-cli2這種腳手架是不可以建立出來的
  • 記得升級一下vue腳手架
固然建立vue項目的時候,千萬不要選typescript。

由於vue-next這個插件暫時還不支持ts項目。

好了,既然建立成功了,我在這裏告訴你幾點小知識你就能夠參照文檔去試試vue3了:

  • 主文件沒有new Vue()了,取而代之的是createApp()
  • 因此說也就無法再使用原型鏈在vue根實例上掛載一些東西了
  • 取而代之的是依賴注入:provide和inject
  • vue3將provide和inject作了必定的加強,能夠替代原型鏈掛載
  • 定義組件時若是隻想用composition-api,可使用defineComponent(_ => {})
  • defineComponent裏面的函數就至關於setup函數
相關文章
相關標籤/搜索