Vue 3 Studies - Fundamentals of Reactivity
因為官方的資源部分要付費，所以去 YouTube 找了一些可延伸學習的內容來看看。這次找到關於 Reactivity 更深入一點的用法。
影片網址： https://youtu.be/BFav9Z4lEXE
Reactive vs Ref
Reactive: 當要把 object 做 react 就要用 reactive。
Ref: 當要把一個固定值(string, number, Boolean)做 react 就要用 ref。
toRef vs toRefs
使用 toRef 函數可以把 reactive obj 內的屬性轉成單一 ref 值，如下圖。
若使用 toRefs 函數可以拿來對 props 或 object 做全部屬性各自轉成單一 ref 值。
customRef
Vue 3 可以客製化自己的 ref 函數。透過 customRef 方式如下圖。
影片中透過 email 格式判別的範例來說明 customRef的用法。當email 格式不含 @ 顯示 null，反之顯示正確的 email值。
customRef 未來應該還能做更多的應用，例如時區格式轉換等等，應該會更為簡化程式邏輯，非常期待往後能在專案使用。
