Vue.js的指令是以v-开首的 ， 它们感化于HTML元素 ， 指令供给了一些特别的特征 ， 将指令绑定在元素上时 ， 指令会为绑定的方针元素添加一些特别的行为 ， 我们可以将指令看作特别的HTML特征（attribute） 。
需要这些哦
vue.js
代码编纂器
浏览器
方式/
1v-if指令
【vue.js 常用指令攻略】v-if是前提衬着指令 ， 它按照表达式的真假来删除和插入元素 ， 它的根基语法如下：
v-if="expression"
expression是一个返回bool值的表达式 ， 表达式可所以一个bool属性 ， 也可所以一个返回bool的运算式 。 例如：
文章插图
文章插图
2v-show指令
v-show也是前提衬着指令 ， 和v-if指令分歧的是 ， 利用v-show指令的元素始终会被衬着到HTML ， 它只是简单地为元素设置CSS的style属性 。
文章插图
文章插图
3v-else指令
可以用v-else指令为v-if或v-show添加一个“else块” 。 v-else元素必需当即跟在v-if或v-show元素的后面——不然它不克不及被识别 。
文章插图
文章插图
4v-for指令
v-for指令基于一个数组衬着一个列表 ， 它和JavaScript的遍历语法相似：
v-for="item in items"
items是一个数组 ， item是当前被遍历的数组元素 。
文章插图
文章插图
文章插图
5v-bind指令
v-bind指令可以在其名称后面带一个参数 ， 中心放一个冒号离隔 ， 这个参数凡是是HTML元素的特征（attribute） ， 例如：v-bind:class
v-bind:argument="expression"
下面这段代码构建了一个简单的分页条 ， v-bind指令感化于元素的class特征上 。 这个指令包含一个表达式 ， 表达式的寄义是：高亮当前页 。
文章插图
推荐阅读
- 常用电脑的人应该喝排毒茶饮
- Excel不常用到的对齐方式有哪些
- 如何在QQ邮箱添加关联其他邮箱
- 图解Visual Studio 2012中工具栏常用配置
- idea错误波浪线设置
- 小米手机如何设置常用应用的快捷键
- 一斤等于多少千克 1000克等于一斤吗
- 如何设置百度账号非常用设备登录需要验证
- Windows系统下常用的快捷键
- 怎么将常用文件夹添加到资源管理器收藏夹