Vue 搭配 Typescript 體驗總結

工做中咱們使用的部分typescript + Vue + Element-ui.

最近想嘗試下用Class的風格寫組件, 更多的引入類型來約束開發, 提升體驗. 因此本週開了一個倉庫.

1. 選定目標爲 iview-admin (iview以前沒用過,因此順便搞下)

2. 引入 vue-class-component/vue-property-decorator/vuex-class

3. 逐個組件/頁面轉爲typescript 和 class風格

地址:

github.com/dreambo8563…

總結:

體驗還不太行. 類型提示甚至會錯誤顯示(不知道是否是vscode的問題 )

jsx的使用沒有找到辦法, 部分代碼我只能轉換爲 render函數來搞

有些第三方沒有 typings, 不得不用 any.

固然在ts的加持下,發現了原倉庫代碼的一些問題, 好比不少 undefined的狀況沒有判斷處理, 還有未使用的函數. 使用未聲明的變量等等

因此此次花了幾天時間作這個實踐仍是有意義的. 3.0 穩定以前不宜全面使用Class風格來搞組件.