写作声明：
大家好！我是执念上面的文章主要讲述了V-text指令以及与插值表达式的区别，这篇博客主要讲述V-html指令的使用！
首先我们要明白一点：
什么V-html指令？
对于这个问题，简单的来说就是，我们用v-text以及插值表达式所显示的内容原本定义的是什么，就原模原样的显示什么，而通过V-html指令我们就可以实现显示定义的html的标签中的内容，下面我们使用一个简单的例子：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Vue之V-html的使用</title>
</head>
<script type="text/javascript" src="js/vue.js" ></script>
<body>
<div id="div1">
插值表达式：<p>{{ msg }}</p>
v-text显示：<p v-text="msg"></p>
V-html显示：<p v-html="msg"></p>
</div>
<script>
var vr=new Vue({
el:"#div1",
data:{
msg:"<span>大家好 我是执念！</span>"
}
})
</script>
</body>
</html>运行结果
由代码运行结果可以看出来，插值表达式以及V-text指令所显示的结果，都把<span>标签以及其携带的美容都显示了，
而V-html指令，可以显示Html的标签！
谢谢访问！
2369
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
