vue中頁面資訊的展示

v-text可以將乙個變數的值渲染到指定的元素中。

用法：

var vm = new vue(
});

結果：

從上面我們可以看出，h1標籤只能以字串形式輸出，也就是說v-text只能將資料以字串的形式在html頁面中進行輸出。

}和v-text會將資料解釋為純文字，而非html，為了輸出真正的html，你需要使用v-html

用法：

var vm = new vue(
});

結果：

從上面我們可以看出，被h1包裹的文字明顯被加粗放大了，這說明被v-html能將資料以html的形式在頁面中進行輸出。

v-cloak指令保持在元素上直到關聯例項結束編譯後自動移除，v-cloak和css規則如[v-cloak]一起用時，這個指令可以隱藏未編譯的mustache標籤直到例項準備完畢。通常用來防止}表示式閃爍問題。

用法

}
var vm = new vue(
});

結果：

這個的展示效果看上去與v-text的效果一樣，其實是有區別的，那就是當頁面載入緩慢時，被v-cloak包裹的資訊是不會輸出的，除非頁面載入完畢，這樣的好處是，當頁面內容較多或者頁面本身由於網速差而載入緩慢時，頁面中的資訊不會出現由}到的抖動。

},data:
});