一、前面已经学了如何在html页面中输出data中的值了，没错，就是{{xxx}}，
但是这种写法有种弊端就是，当网速慢或者js写错的时候，就会暴露我们写{{xxx}}，所以vue提供了v-text解决这个问题
<div id="app">
<h1>{{msg}}</h1>=<h1 v-text="msg"></h1>
<h1>{{todo}}</h1>=<h1 v-html="todo"></h1>
</div>
<script>
var app=new Vue({
el:"#app",
data:{
msg:"HelloWorld",
todo:'<h2>hello</h2>'
}
})
</script>
二、v-html
如果在javascript中写有html标签，用v-text是会把标签也一起输出，如
image.png
这时候就可以用v-html,这样就可以完美输出带有标签的文本了
注意
在生产环境中动态渲染HTML是非常危险的，因为容易导致XSS攻击。所以只能在可信的内容上使用v-html，永远不要在用户提交和可操作的网页上使用。
xss攻击是指：
image.png
