关于循环的问题。

来源：8-5 Vue项目城市选择页 - 页面的动态数据渲染

慕仔8279861

2020-08-13

8分30秒时候，循环Cities时，为什么括号里是item和key，这个key是什么含义?

写回答

3回答

Dell

2020-08-23

已采纳

如果你循环的是一个对象，key 是对象的键，如果是数组，key 是数组的下标。

慕仔8279861

非常感谢！

2020-08-29

共1条回复

慕仔8279861

提问者

2020-08-16

<template>
	<div class="list" ref="wrapper">
		<div>
			<div class="area">
				<div class="title border-topbottom">当前城市
				</div>
				<div class="button-list">
					<div class="button-wrapper">
						<div class="button">{{this.currentCity}}</div>
					</div>
				
				</div>
			</div>
			<div class="area">
				<div class="title border-topbottom">热门城市
				</div>
				<div class="button-list">
					<div 
						class="button-wrapper" 
						v-for="item of hot" 
						:key="item.id"
						@click="handleCityClick(item.name)"
					>
						<div class="button">{{item.name}}</div>
					</div>
				</div>
			</div>
			<div 
			class="area" 
			v-for="(item, key) of cities" 
			:key="key"
			:ref="key"
			>
				<div class="title border-topbottom">{{key}}</div>
				<div class="item-list">
					<div class="item border-bottom" 
					v-for="innerItem of item" 
					:key="innerItem.id"
					@click="handleCityClick(innerItem.name)"
					>
						{{innerItem.name}}
					</div>
				</div>
			</div>
		</div>	
	</div>
</template>

老师，就是第30行这个v-for的key。