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插值，绝不要对用户提供的内容使用此插值