第一章—v-text和v-html

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()；

您的批评是对我最大的鼓励，欢迎指正。