Vue3預設版本了!我準備學這五個東西了。

Sunshine_Lin發表於2022-01-28

前言

大家好,我是林三心,用最通俗易懂的話講最難的知識點是我的座右銘,基礎是進階的前提的我的初心

相信大家最近聽到了一個訊息,尤雨溪大佬發表了一個宣告:

有什麼影響

那麼 Vue3 成為預設版本,有什麼影響呢?

Vue3 成為預設版本,肯定會提高網際網路上 Vue3 的使用率。。那麼對於 Vue3 這門技術的需求肯定會大大提高。所以。。。總結為一句話:我們們又得學習新東西了

該學啥?

其實我們們只需要看看 Vue3 跟哪些技術息息相關就行了。接下來我就說說哪些技術跟 Vue3 息息相關吧

Vue3

為啥要學

首先肯定就是Vue3本身了。 Vue3 對於 Vue2 的提升是很大的,具體有:

  • 1、響應式 Proxy 代替 Object.defineProperty
  • 2、 diff演算法 層面的優化
  • 3、 靜態標記 ,虛擬dom比對時不比對靜態節點,也就是 hoistStatic 靜態提升
  • 4、 Compostion api 代替 Option api ,程式碼編寫更加集中
  • 5、對 typescript 支援更好
  • 6、原始碼體積更小,不到 Vue2 的一半
  • 7、 tree-shaking 按需載入

學習連結

https://www.bilibili.com/vide...

Typescript

為啥要學

  • 1、提高程式碼的 可讀性 可維護性
  • 2、增強團隊協作,當你協作開發時,typescript能讓你一目瞭然其他同事定義的變數
  • 3、提高開發效率,typescript是靜態檢查,且在程式碼儲存前就會提示報錯,可以讓你在儲存前把錯誤先解決掉
  • 4、基本現在的大廠都是使用後typescript進行開發
  • 5、各種熱門的庫、框架、專案都已經擁抱typescript了

    學習連結

    https://www.bilibili.com/vide...

    JSX

    JSX 是一種在JavaScript中寫HTML的語法,以前是在 React 中用的比較多,但是現在 Vue3 JSX 的支援做的很不錯,所以也很有必要花個30分鐘學一下。

    為啥要學

  • 1、相對於 template JSX 比較靈活
  • 2、 JSX 執行速度更快,因為畢竟 template 需要先編譯成js層面的東西
  • 3、 JSX 更貼近原生JavaScript,可以以JavaScript的思維去寫 JSX

有利有弊

其實上次尤雨溪大佬直播說過了:

  • 1、 template 雖然死板,但是出了問題好排查
  • 2、 JSX 雖然靈活,但是除了問題不好排查

學習連結

https://www.runoob.com/react/...

Vite

為啥要學

一個字 —— ,反正我自從用了 Vite 後就回不去了。 Vite 我覺得是一個腳手架吧。尤雨溪大佬也是很推薦用 Vite 進行開發的。

快在哪

具體快在哪可以看看我的文章:https://juejin.cn/post/704075...

學習連結

https://www.bilibili.com/vide...

Pinia

Pinia 你可以理解為 Vuex的升級版 ,使用起來比 Vuex 方便很多

為啥要學

  • 1、pinia對typescript的支援比較好
  • 2、使用方便,合併了 muation、action
  • 3、自帶持久化外掛

學習連結

https://juejin.cn/post/704919...

結語

我是林三心,一個熱心的前端菜鳥程式設計師。如果你上進,喜歡前端,想學習前端,那我們們可以交朋友,一起摸魚哈哈,摸魚群,加我請備註【思否】

image.png

相關文章