在前面幾天中我邊對照 Vue2 與 Vue3 的文件邊跟大家分享,希望有幫助到大家。
另外,前幾天也很巧地碰到了 Vue3 的第一個 release v3.0.0 One Piece ,雖然 v2 的元件很多在 v3 還是可以用,但個人建議大家在 v3 的幾個核心套件跟上後能盡快上 v3 就趕緊上 v3。
雖然 Vue 是我主要的前端解決方案,但想要完善一個前端專案,只會一個 Vue 是不夠的,今天介紹一些我覺得很重要的東西給大家。
如果你的使用者是跨國籍的,那麼你的專案很可能要做多語言甚至是多時區,使用 vue-i18n,能夠很輕鬆的幫專案導入這樣的功能。
很多時候我們的元件跟使用的互動複雜的時候 Vue 就顯得不太夠力,其實問題很簡單,因為那並不是 Vue 的強項,當你越要把元件做的完整、互動性高、可用性高、好用、提高可測試度....,你就越需要 RxJS。
個人甚至認為它的重要程度超越了 Vue!!雖然它不是那麼好學,但希望大家可以多花一點時間去了解它,而且 RxJS 要跟 Vue 3 整合,真的比 Vue 2 容易多了,現在真的是一個進場的大好時機!!
這邊強烈建議大家從 Jerry Hong 大大的 30 天精通 RxJS (00):關於本系列文章開始入門,真的寫得很棒!
每一個元件一開始都很單純,但隨著元件中的資料狀態、操作狀態等等加到元件中後,可以發現元件的複雜度提升之快,快到讓開發者難以駕馭。
其實狀態是需要管理的,並不是簡單設定一個變數去控制就好的事情,在學到這個觀念後我才認識到了 Xstate,它帶給我們管理狀態的策略、觀念,幫助我們更好的管控狀態。
XState 的官方有提供 Vue 中使用 XState 的範例,而且是用 Vue 3 !
學習 React、Angular 並不是希望大家跳槽,而是藉由學習它們增廣見聞,以及提高各種知識的理解力。