v-text & v-html
在这之前，我们都是在html中利用{{xxx}}的形式输出data中的值，这种输出虽然有很多好处，但是在网速很慢或者js出错的时候，就无法获得data中的值，就会显示{{xxx}}，这样就无法获得我们想要的结果，而Vue提供了v-text，就是为了解决这个问题。
<p> {{message}} </p>
<p v-text="message"></p>
如果在javascript中写有html标签，用v-text是输出不出来的，这时候我们就需要用v-html标签了。
<p v-html="messageHtml"> </p>
而在data中我们需要加入带有标签的代码。
data:{ messageHtml:'<p> Hello World </p> }
完整代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>v-text&v-html 实例</title>
<script type="text/javascript" src="../assets/js/vue.js"></script>
</head>
<body>
<h1>v-text&v-html 实例</h1>
<hr>
<div id="app">
<span>{{ message }}</span><br>
<span v-text="message"></span><br>
<span>{{ dodo }}</span><br>
<span v-html="dodo"></span> <!-- 这个别用 -->
</div>
<script>
var app = new Vue({
el : "#app",
data:{
message:"Hello World!",
dodo:'<p>Hello World!</p>' //少用 黑客攻击
}
})
</script>
</body>
</html>