1. 程式人生 > >3.2—模板語法(HTML)

3.2—模板語法(HTML)

<div id="app">
    <p>This is a {{msg}}</p>
</div>
<script>
     var vm=new Vue({
        el:'#app',
        data:{
            msg:'<span>dog</span>'
        }
    })
    // 結果為This is a <span> dog</span>
</script>
<div id="apps">
    <p>This is a<span v-html="msg"></span></p>
</div>
<script>
    new Vue({
        data:{
            msg:'<span> dog</span>'
        }
    }).$mount('#apps');
    // 結果為This is a dog
</script>

運用了v-html 雖然可以識別標籤項,但HTML程式碼卻會因此出現巢狀,所以請只對可信任內容雖然使用HTML插值,絕不要對使用者提供的內容使用此插值