v-text和v-html的区别

 MeLiu   2021-02-05 10:09   4133 人阅读  0 条评论

- v-text

  - v-text和差值表达式的区别

    - v-text 标签的指令更新整个标签中的内容(替换整个标签包括标签自身)

    - 差值表达式,可以更新标签中局部的内容

- v-html

  - 可以渲染内容中的HTML标签

  - 尽量避免使用,否则会带来危险(XSS攻击 跨站脚本攻击)

<body>
    <div id="div" {{class}}>
        <p v-text="seen"></p>
        <p v-html="str_html"></p>
    </div>
</body>
<script>
    var app = new Vue({
        el:'#div',
        data:{
            seen:'<h1>Vue</h1>',
            str_html:'<h1>Vue</h1>',
            class:'dd',
        }
    })
</script>


本文地址:https://mobaishare.com/post/43.html
版权声明:本文为原创文章,版权归 MeLiu 所有,欢迎分享本文,转载请保留出处!

 发表评论


表情

还没有留言,还不快点抢沙发?