vue v-text v-html用法

时间:2017-02-14 20:23:10   收藏:0   阅读:13652

1

<div id="app">
    <p>{{message}}</p>
    <p v-html="html"></p>
    <p v-text="text"></p>

</div>

 2

 

<script>
    let app = new Vue({
        el: "#app",
        data: {
            message: "hello,word,<b>{{}}</b>通过双括号绑定!",
            html: "通过<b>v-html</b>方式绑定,html标签在渲染的时候被解析了。",
            text: "通过<b>v-text</b>方式绑定,html标签在渲染的时候被源码输出了。",
        }
    });
</script>

 

原文:http://www.cnblogs.com/liadmin/p/6398914.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!