vue.js之v-text 与 v-html

v-text 与 v-html 的区别类似于 jquery 里 .text() 与 .html() 的区别

v-text 指令

 <div id="app">
    <p v-text="msg"></p>
    <!--效果一样-->
    <p>{{ msg }}</p>
 </div>

 <script>
 let app = new Vue({
    el:"#app",
    data:{
        msg:'hello,vue'
    }
 });
 </script>

---

v-html 指令

<div id="app">
    <p v-html='message'></p>
</div>

<script>
    let vm = new Vue({
        el: "#app",
        data: {
            message:'<b>hello,vue</b>'
        }
    });
</script>

---