本篇文章分享给大家的内容是关于vue中常用的指令总结,内容很详细,接下来我们就来看看具体的内容,希望可以帮助到有需要的朋友。
1 常用指令
v-if指令
v-show指令
-
v-else指令
立即学习“前端免费学习笔记(深入)”;
v-for指令
v-bind指令
v-model
v-on指令
v-text指令
1.1 v-if是条件渲染指令,它根据表达式的真假来删除和插入元素,它的基本语法如下:
v-if="expression"
expression是一个返回bool值的表达式,表达式可以是一个bool属性,也可以是一个返回bool的运算式。例如:
Hello, Vue.js!
Yes!
No!
Age: {{ age }}
Name: {{ name }}
显示结果如下、

注意:v-if指令是根据条件表达式的值来执行元素的插入或者删除行为。
1.2 v-for指令
v-for指令基于一个数组渲染一个列表,它和JavaScript的遍历语法相似:
v-for="item in items"
items是一个数组,item是当前被遍历的数组元素。
示例代码:
篇文章是针对git版本控制和工作流的总结,如果有些朋友之前还没使用过git,对git的基本概念和命令不是很熟悉,可以从以下基本教程入手: Git是分布式版本控制系统,与SVN类似的集中化版本控制系统相比,集中化版本控制系统虽然能够令多个团队成员一起协作开发,但有时如果中央服务器宕机的话,谁也无法在宕机期间提交更新和协同开发。甚至有时,中央服务器磁盘故障,恰巧又没有做备份或备份没及时,那就可能有丢失数据的风险。感兴趣的朋友可以过来看看
name
age
{{item.name}}
{{item.age}}
1.3 v-bind 指令可以在其名称后面带一个参数,中间放一个冒号隔开,这个参数通常是HTML元素的特性(attribute),例如:v-bind:class
v-bind:argument="expression"
1.4 v-model
v-model(表单元素设置了之后会忽略掉value,checked,selected),常用在表单 及
让表单元素和数据实现双向绑定(映射关系)
示例代码









