vue v-text v-html用法

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
© 2021 jiaocheng.bubufx.com  联系我们
ICP备案:鲁ICP备09046678号-3