Vue - 使用 v-cloak 隱藏未編譯的程式碼

當我們使用 Vue 時，如果網路速度慢，Vue 未載入完成，還沒經 Vue 解析的內容就會渲染到頁面上。這時我們可以使用 v-cloak 隱藏未編譯的 {{}} 標籤。

範例中我們使用 setTimeout 來模擬網速慢的情境。可以看到在編譯結束前並不會顯示第一個有加上 v-cloak 的 div。

參考資料

Vue3 官方文件