<div id="app">
    <div v-for="(item,index) in arr">
        第{{index+1}}名是{{item}}
    </div>
    <div v-for="(value,key,index) in obj">
        第{{index+1}}栏信息:属性名:{{key}},属性值:{{value}}
    </div>
</div>
<script>
    new Vue({
        el:"#app",
        data:{
            arr:["张三","李四"],
            obj:{
                name:"王五",
                age:18
    });
第1名是张三
第2名是李四
第1栏信息:属性名:name,属性值:王五
第2栏信息:属性名:age,属性值:18
v-for的强大之处在于:
    当遍历数组时,切换数组形态,形参顺序:item,index
    当遍历对象时,切换对象形态,形参顺序:value,key,index
                    1.v-for实现多层嵌套遍历代码&lt;div id="app"&gt;    &lt;div v-for="(item,index) in person"&gt;        我叫{{item.name}},我每天上午:        &lt;!-- 注:item.daily是把item取出来给第二层用 --&gt;        &lt;div v-for="(items,indexs) in item.daily"&gt;            {{items.am}}      
一：多层嵌套循环，二级数组遍历
小程序中的遍历循环类似于angularJS的遍历。
二级数组遍历有一个坑。二级遍历wx：for循环的时候，需要注意。（代码如下）
JS代码：
data: {
groups: [
title: '狼图腾',
cover: '../../img/mineBG.png'
title: '狼图腾',
cover: '../../img/mineBG.png'
title: '狼图腾',
cover: '../../img/mineBG.png'
title
				
这个方法如果是对于下面的三级树的话可以拿到爷爷Id，自己Id，父亲Id；其实如果想要拿到label的话就把data.id换成data.label就行了
function treeFindPath(tree, func, path = []) {
        if (!tree) return []
        for (const data of tree) {
          path.push(data.id)
          if (func(data)) return path
				
<table cellpadding="0" cellspacing="0" class="clearfix bigTable" id='downloaddata'>
      <tr v-for='(item, index) in data'>
        <template v-for='items in item'>
          <template  v-for='(itemss
				
实现v-for循环嵌套
首先要明白其中的逻辑关系，笔者本次项目中使用的是双层列表嵌套，通过关联这两层进行数据传输。首先通过v-for传入数据，实现外层元素循环，然后再通过内外侧关联，将内层数据传到对应的外层进行循环渲染。
1、对外层标签使用v-for进行数据绑定，循环渲染数据
给外层标签使用v-for进行数据绑定，然后在对应标签用mastache（双大括号）传值
2、给内层数据做同样处理，v-for绑定进行数据循环渲染，双大括号在对应的标签内插值
注意：在对第二层数据使用v-for的时候命名要与外层关联
				
<template>
    <table cellpadding="0" cellspacing="0" class="clearfix bigTable" id='downloaddata' border="1px solid #ccc">
       <tr v-for='(item, index) in data'>
        <template v-for='items in item'>
    b[i] = a[i] = i++;
console.log('a '+typeof a +' b '+ typeof b); //a object b object  注：数组也是对象
console.log(a); //{ '0': 0,'1': 1,'2': 2...
        v-for="(item, index) in [
          { username: 'zhangsan', password: 123 },
          { username: 'lijiang', password: '123123' },
        :key="index"
        {{ index }} : {{ item }}
  for (var i = 0; i < arr.length; i++) {
    if (Array.isArray(arr[i])) {
      result = result.concat(flatten(arr[i]));
    } else {
      result.push(arr[i]);
  return result;
var nestedArray = [[1, 2], [3, [4, 5]], 6];
var flattenedArray = flatten(nestedArray);
console.log(flattenedArray); // [1, 2, 3, 4, 5, 6]