1. 程式人生 > >vue載入顯示{{xxx}}的解決方法

vue載入顯示{{xxx}}的解決方法

一般vue.js檔案放在最後,由於瀏覽器是從頭到尾的渲染機制,在沒有讀取到識別符對應的js控制語句就會直接顯示{{xxx}}

這個問題可以用vue的一個特點解決,就是Vue會自動遮蔽掉自定義屬性

我們可以為對應的dom節點新增一個自定義屬性,比如 dom-hidden(官方:v-cloak)

然後css定義 :    [dom-hidden]{ display:none;}

這個屬性在vue載入完成後被忽略,於是就解決了載入慢的問題。