Hello Vue!!!

<!-- 模板 -->
<div id="app" v-cloak>
  {{msg}}
</div>

<script>
  // 原生對象即數據
  var data = {
    msg: 'Hello Vue!'
  }
  // 創建一個ViewModel實例
  var vm = new Vue({
    // 選擇目標元素
    el: '#app',
    // 提供初始數據
    data: data
  })
</script>

渲染结果：

<div id="app">
  hello!
</div>

v-cloak

<style>
  [v-cloak] {
    display: none;
  }
</style>

<div id="app" v-cloak>
  {{msg}}
</div>

這個指令保持在元素上直到關聯實例結束編譯。CSS 規則如 [v-cloak] { display: none } 一起用時，這個指令可以隱藏未編譯的 Mustache 標籤直到實例準備完畢。

不會顯示，直到編譯結束。