Vue.js v-cloak用法及代碼示例

不期待表情

細節

此指令僅在no-build-step 設置中需要。

使用in-DOM 模板時，可能會出現“未編譯模板的閃光”：用戶可能會看到原始的小胡子標簽，直到安裝的組件用渲染的內容替換它們。

v-cloak 將保留在元素上，直到關聯的組件實例被掛載。結合 [v-cloak] { display: none } 等 CSS 規則，它可以用來隱藏原始模板，直到組件準備好。

例子：

[v-cloak] {
  display: none;
}

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

在編譯完成之前，<div> 將不可見。