一、绑定数据的三种方式
1：普通文本绑定，mustach语法【双大括号】 {undefined{}} 或者 使用v-text 绑定【常用】
2：解释HTML标签的绑定：使用v-html绑定【慎用】
2.1 注意：除非是信任的内容使用这样的方式进行数据绑定
2.2 这样的绑定方式，如果内容不是被信任的，有可能会造成XSS攻击
3：将数据绑定到标签的属性上，使用 v-bind:属性名称=”变量” 来绑定【常用】
二、使用方法
Vue初探 <div id="app">
{{message}}
<br />
<span v-text="message"></span>
<br />
<span v-html="info"></span>
<br />
<span v-bind:title="msg">穷人折腾失败了，还是穷人，万一成功呢？</span>
</div>
<script>
var vm = new Vue({
el:"#app",
data:{
message:"<p>就是拼才华</p>",
info:"<h2>你说呢，小伙子</h2>",
msg:"就是傲娇"
}
});
</script>
</body>
了解更多内容欢迎关注前端培训专栏!
