vue基础_01____v-text和v-html

 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>'
}

猜你喜欢

转载自blog.csdn.net/qq_37056728/article/details/90201467