<div id="app">
        <p>{{msg}}</p>
    </div>
    <script src="vue-2.5.17.js"></script>
    <script>
        var vm=new Vue({
            el:'#app',
            data:{
                msg:'123'
            }
        })
    </script>

這樣寫的時候可能會因為網速的問題，在網頁上顯示出短暫的  {{msg}}而不是123，所以為了解決這個問題，我們使用v-cloak

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

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

這樣就不會出現上面的現象了

v-text

<p v-text="msg"></p>和<p>{{msg}}</p>是一樣的，但是第二種不用v-cloak的話就會出現閃爍問題，而第一種是通過屬性值設定的，所以不會有閃爍的問題

v-text和v-cloak的區別

v-text會把標籤裡面的東西全都覆蓋，比如:

<p v-text="msg">i love you</p>

最後只會顯示msg的內容，但是v-cloak不會

v-html

用於顯示標籤

<div v-html="msg2"></div>

var vm=new Vue({
            el:'#app',
            data:{
                msg:'123',
                msg2:"<h2>我是一個好學生</h2>"
            }
        })