v-for循环遍历数组与对象
v-for不是必须写在ul/li中的,下面只是为了演示方便
一、遍历数组
1.遍历过程中没有使用下标
<div id="app"><ul><li v-for="item in quets">{{item}}</li></ul>
</div>
2.遍历过程中使用下标值
<ul><li v-for="(item,index) in quets">{{index+1}}.{{item}}</li></ul>
二、 遍历对象
1.只获取value
data://注意此处的花括号{info:{name:"panda",hobby:"banboo",age:6}}
<div id="app"><ul><li v-for="item in info">{{item}}</li></ul>
</div>
2.同时获取key与value
(value,key) in info
<ul><li v-for="(value,key) in info">{{key}}:{{value}}</li></ul>
3.获取key,value与index
很少获取对象的index
<ul><li v-for="(value,key,index) in info">{{value}}-{{key}}-{{index}}</li></ul>
三、v-for添加key属性
没懂
v-for循环遍历数组与对象相关推荐
- js循环遍历数组(对象)
js循环遍历数组(对象) 1,for循环 对于循环应该是最常用的一种遍历方式了,通常用来遍历数组结构. let arr = ['a','b','c']; for (let i=0; i<arr. ...
- js for循环 遍历数组 遍历对象属性
1.js for循环 遍历对象属性 var person = {fname:"John",lname:"Doe",age:25}; for (x in pers ...
- JavaScript遍历数组和对象
for循环遍历数组 for ...in遍历数组和对象均可 //用for循环遍历数组 var arr = new Array("orange", "banana" ...
- java和js中遍历数组和对象的总结
java和js中遍历数组和对象的总结 在这儿写遍历数组和对象,权当复习和总结 1.java中数组的三种初始化方法 ①静态初始化 [java] view plaincopy 1. int[] arr = ...
- JS遍历数组和对象的方法
JS遍历数组的方法有: for forEach for-in for-of map JS遍历对象的方法有 for-in Object.keys Object.getOwnPropertyNames(o ...
- JS遍历数组,对象,字符串
数组遍历 for --使用变量将数组长度缓存起来,在数组较长时性能优化效果明显 for(var i=0,len=arr.length;i<len;i++){console.log("元 ...
- js、jq遍历数组和对象
js遍历数组 1.普通for循环 var arr = [1,4,45,34,12,45,56,8]; for ( var i = 0; i <arr.length; i++){console.l ...
- java-for循环遍历数组
格式: for( 数据类型 变量名 : 数组或者集合 ){ sop(变量); } public static void function_1(){//for对于对象数组遍历的时候,能否调用对象的 ...
- for-in循环和for循环遍历数组
今天在写代码的时候在用for-in循环遍历数组的时候会出现一些莫名的东西出来,后面查了一下资料.才知道for-in 循环和for循环的区别. for -in 循环 就是迭代,他迭代的是当前对象的所有的 ...
最新文章
- 本地windows上传大文件到Linux服务器工具的选择以及使用方法
- 使用stream类型的Result实现Ajax
- JavaScript获取鼠标左键选中的内容
- 关于我喜欢计算机的作文600字,关于我喜欢的字作文600字5篇
- PowerShell自动删除过期数据
- Oracle学习(五)DBLINK
- Flask部署| gunicorn、nginx部署flask项目,并用supervisor来管理进程
- Android之获取证书文件(pfx格式)的公钥和私钥
- html 变量类型强制转换,html、js前台数据传到后台,spring复杂类型转换
- java steam filter 动态条件_Filter解决全站编码问题
- 宁波晚报php怎么样,宁波晚报编辑部收到一封意外来信,“今天,最美的头条是你们”...
- linux运维云计算课程学习,Linux云计算面试时遇到的问题
- 强名称(3)强名称的脆弱性
- 1103 Integer Factorization (30 分)深度搜索30分大题要重写
- OV7725学习(二)
- ora-01017:invalid username/password
- 影音先锋 android下载地址,影音先锋app官方普通下载-影音先锋 安卓版v5.8.2-PC6安卓网...
- Java八股文(高阶)背诵版
- uniapp 地址栏选择,获取地址,地址编码
- 服务器主板硬盘接口数量,主板上的硬盘插槽最多有几个?