v-text和v-html的區別

　1、v-text

　　用於渲染普通文本，不管什麼時候，綁定的數據對象上 msg屬性發生了改變，插值處的內容都會更新。

<span v-text="message"></span>
<!-- 簡寫方式 -->
<span>{{message}}</span>

export default { data () { return { message: "這裏能夠包含html標籤" } } }

　2、v-html

　若是你想輸出真正的 HTML，你須要使用 v-html指令，v-text僅渲染標籤，不能解析 HTML 代碼。

<p v-text=「message」></p>  
 <p v-html="message"></p>
    <script type="text/javascript">
        var app = new Vue({
        el: '#app', //element
        data: {
             message: '<strong>Hello</strong> Vue!',
            }
        })
    </script>

v-text展現效果：  <strong>Hello</strong> Vue!

v-html展現效果： Hello Vue!

　　總結：v-text和{{}}表達式渲染數據，不解析標籤。

　　　　　v-html不只能夠渲染數據，並且能夠解析標籤。