Vue if문법 v-if

1. 보여줄 모달창 만들기

  <div class="black-bg">
    <div class="white-bg">
      <h4>죄송</h4>
      <p>품절입니다.</p>
    </div>
  </div>

 

1. v-for v-if 사용하기

<div class="black-bg"  v-if="modal == true">
    <div class="white-bg">
      <h4>죄송</h4>
      <p>품절입니다.</p>
    </div>
  </div>

export default {
  name: 'App',
  data() {
    return {
      modal: true,
      menu_list: ['맛있는 붕어빵', '국물이 맛있는 오뎅', '매운맛 떡볶이'],
      price: [6000, 2000, 10000]
    }
  }
}