v-html: 如果输出的数据有html代码,如果输出的数据是html代码,会被渲染。如果有攻击的时候用。
v-text:展示的是文本,会作为普通文本的输出。确定是渲染的时候可以用。
v-model:提供双向绑定。
Example:
非常帅
{{num}}位女生着迷 </h1>
<span v-html="name"></span>
<button @click="num ++">点击</button>
<br>
<button @click="handleClick">点击</button>
<hr>
<input type="checkbox" v-model="lessions" value="Java">Java<br>
<input type="checkbox" v-model="lessions" value="python">python<br>
<input type="checkbox" v-model="lessions" value="IOS">IOS<br>
<h1>
您已经购买以下列表:{{lessions.join(",")}}
</h1>
</h1>
<span v-html="name"></span>
<button @click="num ++">点击</button>
<br>
<button @click="handleClick">点击</button>
<hr>
<input type="checkbox" v-model="lessions" value="Java">Java<br>
<input type="checkbox" v-model="lessions" value="python">python<br>
<input type="checkbox" v-model="lessions" value="IOS">IOS<br>
<h1>
您已经购买以下列表:{{lessions.join(",")}}
</h1>