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循环遍历数组与对象相关推荐

  1. js循环遍历数组(对象)

    js循环遍历数组(对象) 1,for循环 对于循环应该是最常用的一种遍历方式了,通常用来遍历数组结构. let arr = ['a','b','c']; for (let i=0; i<arr. ...

  2. js for循环 遍历数组 遍历对象属性

    1.js for循环 遍历对象属性 var person = {fname:"John",lname:"Doe",age:25}; for (x in pers ...

  3. JavaScript遍历数组和对象

    for循环遍历数组 for ...in遍历数组和对象均可 //用for循环遍历数组 var arr = new Array("orange", "banana" ...

  4. java和js中遍历数组和对象的总结

    java和js中遍历数组和对象的总结 在这儿写遍历数组和对象,权当复习和总结 1.java中数组的三种初始化方法 ①静态初始化 [java] view plaincopy 1. int[] arr = ...

  5. JS遍历数组和对象的方法

    JS遍历数组的方法有: for forEach for-in for-of map JS遍历对象的方法有 for-in Object.keys Object.getOwnPropertyNames(o ...

  6. JS遍历数组,对象,字符串

    数组遍历 for --使用变量将数组长度缓存起来,在数组较长时性能优化效果明显 for(var i=0,len=arr.length;i<len;i++){console.log("元 ...

  7. 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 ...

  8. java-for循环遍历数组

    格式:  for( 数据类型 变量名 : 数组或者集合 ){  sop(变量);  } public static void function_1(){//for对于对象数组遍历的时候,能否调用对象的 ...

  9. for-in循环和for循环遍历数组

    今天在写代码的时候在用for-in循环遍历数组的时候会出现一些莫名的东西出来,后面查了一下资料.才知道for-in 循环和for循环的区别. for -in 循环 就是迭代,他迭代的是当前对象的所有的 ...

最新文章

  1. 本地windows上传大文件到Linux服务器工具的选择以及使用方法
  2. 使用stream类型的Result实现Ajax
  3. JavaScript获取鼠标左键选中的内容
  4. 关于我喜欢计算机的作文600字,关于我喜欢的字作文600字5篇
  5. PowerShell自动删除过期数据
  6. Oracle学习(五)DBLINK
  7. Flask部署| gunicorn、nginx部署flask项目,并用supervisor来管理进程
  8. Android之获取证书文件(pfx格式)的公钥和私钥
  9. html 变量类型强制转换,html、js前台数据传到后台,spring复杂类型转换
  10. java steam filter 动态条件_Filter解决全站编码问题
  11. 宁波晚报php怎么样,宁波晚报编辑部收到一封意外来信,“今天,最美的头条是你们”...
  12. linux运维云计算课程学习,Linux云计算面试时遇到的问题
  13. 强名称(3)强名称的脆弱性
  14. 1103 Integer Factorization (30 分)深度搜索30分大题要重写
  15. OV7725学习(二)
  16. ora-01017:invalid username/password
  17. 影音先锋 android下载地址,影音先锋app官方普通下载-影音先锋 安卓版v5.8.2-PC6安卓网...
  18. Java八股文(高阶)背诵版
  19. uniapp 地址栏选择,获取地址,地址编码
  20. 服务器主板硬盘接口数量,主板上的硬盘插槽最多有几个?

热门文章

  1. Spoken English-口语-音节库构建
  2. 群体中的人离不开人际关系的烦恼
  3. 周大福ctf是什么意思_JFH是什么意思CTF知道是周大福?
  4. Mybatis --- ORA-00933: SQL 命令未正确结束
  5. asp.net怎样一键生成静态页面,实例说明
  6. php多选怎么实现,php怎么实现多选删除功能
  7. 泰克福禄克安捷伦吉时利数字万用表软件二次开发NS-Multimeter
  8. 修改WIN11右键菜单为经典右键菜单(这一招足够)
  9. 51单片机学习笔记-6串口通信
  10. npm run build 打包命令