VUE在頁面沒加載完的時候會顯示原代碼的處理方法

CSS:

[v-cloak] {
   display: none;
}

HTML :

<div v-cloak>
   {{ message }}
</div>

其中

v-cloak官方解釋：
這個指令保持在元素上直到關聯實例結束編譯。和 CSS 規則如 [v-cloak] { display: none } 一起用時，這個指令可以隱藏未編譯的 Mustache 標簽直到實例准備完畢。
也可以加載父元素上