VUE学习05--VUE流程控制语句（ if / else if / v-show 条件判断 , for 循环 , for + if 使用）

对于每一门语言，流程控制语句都十分的重要，有了它们我们才能实现更加复杂的需求，实现更加强大的功能。在VUE中对应也有一些特有的标签。下面我们来了解一下~

一、条件判断标签：

v-if   --对应if   用法 v-if="表达式"

v-else-if  --对应else if  用法v-else-if="表达式"

v-else  --对应else  用法 v-else

v-show  --与v-if作用相同，但不能和else，else if连用。 用法同v-if

下面用代码来举例说明：

 

循环语句用法（v-for）

v-for指令用于循环遍历某些集合中的数据。用法类似于java中的增强for

用法： v-for=" 当前元素 in 集合变量名"

还可以输出对应元素的索引值  v-for="(第一个参数是元素值的位置,第二个参数是索引的位置) in 集合变量名"

详见下面的代码：

以上就是条件判断语句和循环语句的用法。

 

喜欢的朋友欢迎点赞，评论，关注哦~~