鱈魚的魚缸
鱈魚的魚缸首頁
程式浮潛
Vue
關於
Vue
9
公開內容
與 Vue 一同打滾的點點滴滴
全部
全部內容
免費與付費
最新發佈優先
鱈魚
2024/07/25
所以我說那個型別呢?來一個有形別提示的 Vue h function 吧!(/≧▽≦)/
先前提到 Quasar 的 Dialog Plugin 很好用,再讓我補充一個用法。
#
Vue
#
Quasar
#
前端
22
留言
鱈魚
2024/07/15
藉由 Vue h function 讓 Quasar Dialog 更簡單複用
Quasar Dialog 的 Invoking custom component 很好用,但是有些困擾的地方,一起來看看有甚麼辦法吧。
#
Vue
#
前端
#
Quasar
35
留言
鱈魚
2024/07/10
Vue 元件太肥,切換頁面卡卡怎麼辦?讓 Suspense 登場吧!( ^ ω ^ )✧
切換頁面卡卡有很多種原因,這裡舉的例子只針對元件太大的情境。 除了想辦法拆分外,還有一個方法就是利用 Vue 的 Async Component。
#
Vue
#
前端
11
留言
鱈魚
2024/06/30
誰偷了我的鳳梨!聊聊意外修改 Pinia 資料問題
有時候使用 Pinia 會遇到資料意外變更問題,這其實不是鳳梨的錯,讓我們看看怎麼回事吧。( ´ ▽ ` )ノ
#
Vue
#
前端
#
Pinia
10
留言
鱈魚
2024/06/20
Vue reactive 使用筆記
到底要用 ref 還是 reactive 是一個很常見的問題,不過現在官方文檔推薦使用 ref 就行,所以也不是甚麼大問題就是了。( •̀ ω •́ )✧ 所以 reactive 真的沒用用途了嗎?這篇文章來記錄一下 reactive 的用法。
#
vue
#
前端
9
留言
鱈魚
2024/06/06
watch 前先小等一下
watch 不是不能用,而是在使用 watch 之前,先想想有沒有其他方案,真的沒有才用 watch。 千萬不要為了一時方便讓元件裡滿滿的 watch,因為容易產生難以追蹤的副作用,會讓資料流更加複雜。
#
vue
#
前端
7
留言
鱈魚
2024/06/05
小心遺漏的 watch 讓網頁爆炸!Σ(ˊДˋ;)
如果 watch 沒有放在元件最外層,可能會導致元件 onUnmounted 後watch不會自動解除,至於該怎麼辦,就讓我們娓娓道來。( ´ ▽ ` )ノ
#
vue
#
程式
#
前端
24
留言
鱈魚
2024/04/17
Vue 泛型元件,讓 TypeScript 更精確
大家好,我是鱈魚。(^∀^●)ノシ Vue 3.3 終於新增了泛型元件(Generic Component),這讓我們可以在 TypeScript 環境中得到更準確的型別提示。( •̀ ω •́ )✧ 讓我們一起來看看吧!
#
vue
#
TypeScript
#
泛型
10
留言
鱈魚
2024/04/10
其實你不一定要在 onMounted 取 API
大家好,我是鱈魚。(。・∀・)ノ゙ 最近看到大家討論取得 API 時機,有許多人都提到「一定要」或者「習慣」,在 onMounted 這個 hook 內呼叫 API 取得資料。 其實這也沒不好,但是也沒什麼好處就是了。(。・ω・。)
#
vue
#
API
#
程式
9
留言