您的位置:首页 > Web前端 > Vue.js

vue常见指令的区别

2020-01-14 13:11 155 查看

v-html: 如果输出的数据有html代码,如果输出的数据是html代码,会被渲染。如果有攻击的时候用。
v-text:展示的是文本,会作为普通文本的输出。确定是渲染的时候可以用。
v-model:提供双向绑定。
Example:

Title

非常帅
{{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>

  • 点赞
  • 收藏
  • 分享
  • 文章举报
qq_39252870 发布了44 篇原创文章 · 获赞 0 · 访问量 668 私信 关注
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: