3. v-text/v-html

1、data的数据显示在模板上 v-text/html

  <div id="app">
        <h1 v-html="msg"></h1><!-- 浏览器页面显示 hello world -->
        <h1 v-text="msg"></h1><!-- 显示msg的内容 <p>hello world</p>-->
    </div>
    <script>
        new Vue({
            el: "#app",
            data: {
                msg: "<p>hello world</p>"
            }
        })
    </script>

区别：
1> v-html

<h1 v-html="msg"></h1>

输出效果：
hello world

2> v-text

<h1 v-text="msg"></h1>

输出效果：
<p>hello world</p>