標籤:#開發
最近把 Vue 的 Composition API 再重新看一遍,發現除了常用的像是 ref
、reactive
、computed
之外還有好多東西。邊看邊記錄一下自己的想法:
watch
: 可以明確定義要監聽的對象。但感覺多數情況下可以被watchEffect
代替watchEffect
: 只要定義函數即可,Vue 會自動去追蹤裡頭用到的變數然後在有變化時執行。有點像是useEffect
但不需要開發者自己宣告 dependency array。reactive
ref
: reactive 回傳的是一個 proxy,ref 則是一個帶有 value 屬性的物件,比較特別的地方是 value 屬性有 getter 跟 setter。(Vue 實作裡頭定義的,用來偵測值的變化)
我覺得要一直 .value
真的很麻煩,雖然說可以用 $ref
,似乎也沒什麼好挑惕的。後來想想如果跟 React 的 useState
比,的確 Vue 的寫法會比較舒服。
ref 還具有雙向綁定的功能,所以可以直接丟進去 v-model
裡面。