解決vue變數未渲染前代碼顯示問題

在網路載入緩慢或者刷新的時候總會有那麼一瞬間出現vue的模板代碼，實在很影響美觀，對於我這種有強迫症的人來說實在是忍無可忍，後來經過查找資料，終於發現瞭解決方法，可以使用vue現成的指令來解決這個問題：v-cloak

首先在css中加入：

1 [v-cloak]{
2   　display: none;
3 }

然後需要在元素加上：

1 <div v-cloak>
2    {{demo}}
3 </div>

這樣，v-cloak所在元素下的變數在未渲染前是不會顯示的。