VUE学习05

2024-06-17 04:00| 来源: 网络整理| 查看: 265

对于每一门语言，流程控制语句都十分的重要，有了它们我们才能实现更加复杂的需求，实现更加强大的功能。在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

下面用代码来举例说明：

{{message}} {{message}} {{message}} Not A/B/C v-show ---> {{message}} export default { data(){ return { message:"", } } }

循环语句用法（v-for）

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

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

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

详见下面的代码：

{{item}} {{p.name}} {{value}} --对应索引--> {{index}} export default { data(){ return { list:[ 'China', 'American', 'England' ], person:[ {name:'孙悟空'}, {name:'猪八戒'}, {name:'沙僧'} ] } } }

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

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

【本文地址】

公司简介

联系我们