v-text和v-html
介绍
v-text和v-html都是用来向dom元素中渲染数据用的,两者的区别就在于v-html可以解释标签,而v-text不可以解释标签。
<span v-text="msg"></span>
<span>{{msg}}</span>
这里上边两个span的内容是一摸一样的。
如果这样写的话:
<template>
<span v-html="msg"></span>
<span>{{msg}}</span>
</template>
<script>
data:()=>{
return{
msg:'<h1>66</h1>'
}
},
</script>
这里上边两个span的内容就不同了,v-html会把h1这个标签也识别出来,并且渲染上,但是<span>{{msg}}</span>就不会识别标签。
这二者的差别就相当于JS中的innerHTML和innerTEXT,JQuery中的text()和html();
您的批评是对我最大的鼓励,欢迎指正。