【Vue】学习笔记——Vue
常用指令之v-html
v-html
指令其实就是是设置innerHTML
的作用
1. v-html 和 v-text 区别
通过如下实例代码验证:
结论: 无论是
v-html
还是v-text
,如果绑定了data
中属性之后,会覆盖
掉原本标签上的内容。
结论: 如果绑定了带有
标签
的属性之后,会被解析出来,同样也会覆盖
掉原本标签上的内容。
2. 总结
v-html
指令的作用:设置元素的innerHTML
。- 内容中有
html
结构会被解析为标签。 v-text
指令无论内容是什么,只会解析为文本
。- 解析
文本
使用v-text
,需要解析html
结构使用v-html
关于
v-html
官方文档