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

今天在看vue-composition-api文檔的時候,突然發現多出來個Languages選項:
[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-qvl5KcKK-1592649416872)(https://user-gold-cdn.xitu.io/2020/6/20/172d11cdedd14116?w=4056&h=2046&f=png&s=513638)]
咦奇怪,我記得以前好像沒有這個選項的呀。趕緊點開看看有沒有中文:
[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-HCRrgvQG-1592649416875)(https://user-gold-cdn.xitu.io/2020/6/20/172d11e9fb38d949?w=264&h=292&f=png&s=9311)]
太棒了!還是尤大對咱好,感動得我熱淚盈眶,雖然有可能壓根就不是他翻譯的。
因爲在知乎,我曾看他發佈過這麼一段話:
[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-cHkrj5PW-1592649416878)(https://user-gold-cdn.xitu.io/2020/4/20/171966a2a479e5ff?w=654&h=826&f=png&s=140030)]
當然是不是他翻譯的並不重要,重要的是英文不好的小夥伴們終於可以仔細看看vue3的composition-api的具體細節啦!

文檔地址

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

首頁

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-SlMflhZt-1592649416880)(https://user-gold-cdn.xitu.io/2020/6/20/172d12625767d0a4?w=4056&h=2046&f=png&s=479916)]
映入眼簾的就是這麼一段標題,把不該翻譯的都給翻譯了,一度讓我懷疑是不是用谷歌翻譯的。
叫組合式API還真有點不太習慣,還有把RFC變成徵求意見稿,乍一看還有點讓人丈二的和尚摸不着頭腦。

什麼是RFC

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

RFC的全拼

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

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

徵求意見稿

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

嘗試使用

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

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

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

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

那麼咱們就直接開始吧!

創建一個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函數
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章