vue常见指令的区别
2020-01-14 13:11
155 查看
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>
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- Vue.js介绍以及vue的常见指令
- Vue.js的基本代码和常见指令
- Vue的系统指令 v-text v-html v-cloak的区别
- 1.vue的基本概念及常见指令
- vue十大常见指令(上)
- 浅析vue中常见循环遍历指令的使用 v-for
- vue十大常见指令(下)
- Vue中指令v-if,v-show的实质区别
- [js高手之路] vue系列教程 - vue的基本用法与常见指令(1)
- vue的基本用法与常见指令
- Angular1.0与Vue循环指令的区别
- 关于vue的几点面试题(vue双向数据绑定和深拷贝浅拷贝之间的区别)
- vue中created和mounted的区别浅析
- 关于Apache/Tomcat/JBOSS/Neginx/lighttpd/Jetty等一些常见服务器的区别比较和理解
- vue中v-if,v-show与v-for指令
- 常见的论文投稿形式区别
- linux学习基础之1.0---shell的常见指令
- 七、mac osx中终端的一些常见指令
- vue脚手架常见问题总结
- 黑马程序员-------Java笔记-------常见概念区别