Vue的v-for用法

遍历数组

// html部分
<ul v-for="(item,index) in obj">
                ↑
           要用到什么数据就要说出来
	<li>{{ index }}:{{ item }}</li>
</ul>


// vue部分
var vm = new Vue({
  el:'.word',
  data:{
	obj:[1,2,3,4,5]
	}
})

遍历对象

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

// html部分
<ul v-for="(item,key) in arr">
                ↑
           要用到什么数据就要说出来
	<li>{{ key }}:{{ item }}</li>
</ul>


// vue部分
var vm = new Vue({
  el:'.word',
  data:{
	arr:{name:'白痴',sex:'不男不女',hobby:'搞gay‘'}
	}
})