Vue小白篇 - Vue 的指令系统 (1) v-text、v-html

v-text：相当于innerText

v-html：相当于innerHTML

<div id="box">
    {{ msg }}
    <div v-text="msg"></div>  <!--渲染文本-->
    <div v-html="msg"></div>  <!--可以渲染标签-->
</div>

<script src="vue.js"></script>
<script>
    new Vue({
       el: '#box',
       data () {
           // data 中是一个函数，函数中 return 一个对象，可以是空对象，但不能不return
           return {
               msg: '<h2>好嗨哟</h2>'
           }
       }
    });
</script>

来源：https://www.cnblogs.com/pymu/p/11459821.html