Vue的v-for用法

遍历数组

// html部分
    ↑ 要用到什么数据就要说出来
  • {{ index }}:{{ item }}
// vue部分 var vm = new Vue({ el:'.word', data:{ obj:[1,2,3,4,5] } })

遍历对象

对象的语法是{ key:value  }这就不用说了吧,item在这里实际上就是value

// html部分
    ↑ 要用到什么数据就要说出来
  • {{ key }}:{{ item }}
// vue部分 var vm = new Vue({ el:'.word', data:{ arr:{name:'白痴',sex:'不男不女',hobby:'搞gay‘'} } })

 

你可能感兴趣的:(Vue的v-for用法)