vue碎碎念

v-html、v-text、插值表达式 之间的区别

  • v-text 与 插值表达式 区别

1、v-text作为标签属性,{{}}作为标签内容
2、安全性都非常高,自带防止XSS攻击
3、对html标签/JS代码不渲染

  • v-html

1、对html标签进行渲染
2、不执行<script></script>中的代码
3、安全性不如上面2种高,标签中的js代码执行,如下

<b onclick=\"alert(123)\">你好</b>

少用
v-html,尽量使用
v-text 或 插值表达式

    原文作者:104828720
    原文地址: https://segmentfault.com/a/1190000020100581
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞