vue 循环结构 v-for
2024-09-27 23:25:26
循环结构 v-for
循环数组
用于循环取得数据，类似于js中for-in循环 ，其中in左侧为值，其名称可以自定义，in后为想要取出数据的变量名
运行可以得到结果
in左侧不仅仅只可以放一个值，不仅可以取得它的值，还可以获得她它的索引值
如果不仅仅是简单的数组，例如数组中的内容是一个个的对象，就需要在引用时利用对象调用的方式
循环对象
语法和循环数组是相同的，但是在in的左边有三个量，按顺序依次是 值 、键、索引 （顺序固定）
运行同样可以得到
key指令的作用：给循环出的数据分区，以便用来区分不同的元素，其值一般为唯一键（例如索引值）。
v-if和v-for的结合
运行得到结果
可以看到这里只出现立刻一个数据对比之前的输出结果，可以用于筛选数据
最新文章
- SQL语句简介
- ajax用法流程
- sentos nginx安装
- dp,px转换
- Linux用户空间与内核空间
- Java时间转换类实现
- jQuery 如何写插件 - 第一步
- df -h统计的信息与du -sh不一致的原因(转)
- Vue实例对象的数据选项
- 正确使用Exception异常对象
- cocos2dx - 在MFC中使用cocos2dx
- Makefile 的使用
- 用CSS指定外部链接的样式
- MySQL中使用union all获得并集的排序
- Podfile语法参考（译）
- mysql查询出现In aggregated query without GROUP BY, expression #1 of SELECT list contains nonaggregated column 'zhibo.a.id';
- POJ 2337 Catenyms(有向欧拉图:输出欧拉路径)
- 【Menu】 目录索引
- libcurl使用easy模式阻塞卡死等问题的完美解决---超时设置
- 大规模向量相似度计算方法(Google在07年发表的文章)