동적인 UI 만들기
1. 상태 데이터 생성하기
data(){
return {
모달창열림: false,
누른거: 0,
}
}
2.사용자의 선택에 따라 바꾸어 보여줌
<div v-for="(room, i) in rooms" :key="i">
<img :src="room.image" class="room-img" />
<h4 @click="모달창열렸니=true; 누른거=i">{{room.title }}</h4>
<p>{{ rooms[i].price }}원</p>
</div>