v-text的作是替换标签中的全部内容,
以下代码最终会显示abc
<p v-text="msg">123455</p>
data:{
msg:'abc'
}
以下代码还是会显示abc
<p v-text="msg">你好啊{{msg}} </p>
data:{
msg:'abc'
}
v-html可以解析html代码,如果这里换v-text,msg中的内容会当做字符串输出
虽然可以识别标签字符串,但是适用的时候,两个标签(v-html和v-text)都不会使用,假如这里的点击事件换成获取cookie,这会对网站造成危险
v-html可以识别标签字符串
以下代码会显示abcde,并且onclick会被执行
<p v-html="msg">这里有内容</p>
data:{
msg:'<span onclick="alert(1)">abcde</span>'
}