Vue的模板語法 - v-text, v-html

https://ithelp.ithome.com.tw/articles/10202232

v-html：

在Vue中，不能透過{{}}和v-text將html的元素插入到模板中，如果字串包含html元素會解析為字符實體，此時要使用v-html：

字符實體???
例如<p>的實體字符就是<p>

這邊把img值設定為html元素(img tag)，使用v-html綁定，另外也測試使用花括號會發生什麼事：

<!-- html -->
<div id="app03">
    <div>{{img}}</div>
    <div v-html="img"></div>
</div>

<!-- js -->
<script>
    new Vue({
      el: "#app03",
      data: {
        img: "<img src='https://i.imgur.com/iVSMcsv.png'>"
      }
    });
</script>

render結果出爐：

˙
˙
˙