在 Vue.js 3 中,當我們在控制臺中打印一個 ref 數(shù)據時:
const loading = ref(false)
console.log(loading)
控制臺會輸出如下結果:

它其實就是代表 ref(false) 的意思,但顯示的很不直觀。當然,我們也可以輸出 loading.value 的值,但有沒有更加友好的方式,讓我們能直接的輸出 ref 呢?
其實,vue 已經幫我們完成了格式化輸出,在vue的代碼里能夠找到 initCustomFormatter 函數(shù),該函數(shù)就是用來在開發(fā)環(huán)境下美化輸出用的。
為了能夠啟用該函數(shù),我們需要在chrome的控制臺配置窗口,啟用自定義格式化程序、

這樣,相同的代碼,控制臺就能直觀的輸出下面結果,非常清爽。
