Vue2.0学习笔记v-text,v-html(4)

一、前面已经学了如何在html页面中输出data中的值了，没错，就是{{xxx}}，
但是这种写法有种弊端就是，当网速慢或者js写错的时候，就会暴露我们写{{xxx}}，所以vue提供了v-text解决这个问题

    
{{msg}}
=

    
{{todo}}
=

二、v-html
如果在javascript中写有html标签，用v-text是会把标签也一起输出，如

image.png

这时候就可以用v-html,这样就可以完美输出带有标签的文本了
注意
在生产环境中动态渲染HTML是非常危险的，因为容易导致XSS攻击。所以只能在可信的内容上使用v-html，永远不要在用户提交和可操作的网页上使用。
xss攻击是指：

image.png