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>