乐趣区

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 或 插值表达式

退出移动版