一般在使用 TypeScript 的時候，大家都有遇過定義列舉資料的情境吧。
不過不管是 enum 和 literal 的方式其實都有些小缺點，以下推薦一個個人認為體驗更好的方式。
pipe 代表函數式程式設計中的概念，利用多個功能結合在一起，資料依序通過每個功能進行處理。文章中介紹了 pipe 的優點、兩個等效的程式碼比較以及 remeda 套件的使用。詳細介紹了使用 pipe 的好處，並提供了多個相關的例子，展示了 pipe 可讀性的提升。
一般在使用 TypeScript 的時候，大家都有遇過定義列舉資料的情境吧。
不過不管是 enum 和 literal 的方式其實都有些小缺點，以下推薦一個個人認為體驗更好的方式。
pipe 代表函數式程式設計中的概念，利用多個功能結合在一起，資料依序通過每個功能進行處理。文章中介紹了 pipe 的優點、兩個等效的程式碼比較以及 remeda 套件的使用。詳細介紹了使用 pipe 的好處，並提供了多個相關的例子，展示了 pipe 可讀性的提升。
Quasar Dialog 的 Invoking custom component 很好用，但是有些困擾的地方，一起來看看有甚麼辦法吧。
切換頁面卡卡有很多種原因，這裡舉的例子只針對元件太大的情境。
除了想辦法拆分外，還有一個方法就是利用 Vue 的 Async Component。
到底要用 ref 還是 reactive 是一個很常見的問題，不過現在官方文檔推薦使用 ref 就行，所以也不是甚麼大問題就是了。( •̀ ω •́ )✧
所以 reactive 真的沒用用途了嗎？這篇文章來記錄一下 reactive 的用法。
watch 不是不能用，而是在使用 watch 之前，先想想有沒有其他方案，真的沒有才用 watch。
千萬不要為了一時方便讓元件裡滿滿的 watch，因為容易產生難以追蹤的副作用，會讓資料流更加複雜。
如果 watch 沒有放在元件最外層，可能會導致元件 onUnmounted 後watch不會自動解除，至於該怎麼辦，就讓我們娓娓道來。( ´ ▽ ` )ﾉ
大家好，我是鱈魚。（＾∀＾●）ﾉｼ
Vue 3.3 終於新增了泛型元件（Generic Component），這讓我們可以在 TypeScript 環境中得到更準確的型別提示。( •̀ ω •́ )✧
讓我們一起來看看吧！
大家好，我是鱈魚。(｡･∀･)ﾉﾞ
最近看到大家討論取得 API 時機，有許多人都提到「一定要」或者「習慣」，在 onMounted 這個 hook 內呼叫 API 取得資料。
其實這也沒不好，但是也沒什麼好處就是了。(。・ω・。)
Quasar Dialog 的 Invoking custom component 很好用，但是有些困擾的地方，一起來看看有甚麼辦法吧。
切換頁面卡卡有很多種原因，這裡舉的例子只針對元件太大的情境。
除了想辦法拆分外，還有一個方法就是利用 Vue 的 Async Component。
到底要用 ref 還是 reactive 是一個很常見的問題，不過現在官方文檔推薦使用 ref 就行，所以也不是甚麼大問題就是了。( •̀ ω •́ )✧
所以 reactive 真的沒用用途了嗎？這篇文章來記錄一下 reactive 的用法。
watch 不是不能用，而是在使用 watch 之前，先想想有沒有其他方案，真的沒有才用 watch。
千萬不要為了一時方便讓元件裡滿滿的 watch，因為容易產生難以追蹤的副作用，會讓資料流更加複雜。
如果 watch 沒有放在元件最外層，可能會導致元件 onUnmounted 後watch不會自動解除，至於該怎麼辦，就讓我們娓娓道來。( ´ ▽ ` )ﾉ
大家好，我是鱈魚。（＾∀＾●）ﾉｼ
Vue 3.3 終於新增了泛型元件（Generic Component），這讓我們可以在 TypeScript 環境中得到更準確的型別提示。( •̀ ω •́ )✧
讓我們一起來看看吧！
大家好，我是鱈魚。(｡･∀･)ﾉﾞ
最近看到大家討論取得 API 時機，有許多人都提到「一定要」或者「習慣」，在 onMounted 這個 hook 內呼叫 API 取得資料。
其實這也沒不好，但是也沒什麼好處就是了。(。・ω・。)
