transition태그를 대문자 Transition으로 바꿔도 안먹혀서

[김민기]

Transition 로 바꾼 후 App.vue에다가 
<Transition name="fade">      
<Modal
      @closeModal="모달창열렸니 = false;"
      :원룸들="원룸들" :누른거="누른거"
      :모달창열렸니="모달창열렸니"
      />
</Transition>

<h3>트랜지션줬더니 안먹혀서</h3>
<h3>Modal.vue에 트랜지션 태그로 감쌌더니 먹히네요.... 이상한데요...
노드 버전 18.12.1 입니다. 이유를 모르겠습니다. 선생님.</h3>

<Transition name="fade">

<div class="black-bg" v-if="모달창열렸니 == true">
      <div class="white-bg">
        
        <h4>{{ 원룸들[누른거].title }}</h4>
        <p>{{ 원룸들[누른거].content }}</p>

        <input type="number" v-model.number="month" />
        <p>{{month}}개월 선택함 : {{원룸들[누른거].price * month}} 원</p>

        <button @click="$emit('closeModal')">닫힘</button>
      </div>
    </div>
  </Transition>

[codingapple]

아마 v-if 바깥에 쓰라고 바뀌어서그런가봅니다

[김민기]

그럼 해당 부분에 대해서는 App.vue에 쓰지말고
Modal.vue에 써야 하는걸로 변경되었다고 알고 있으면 될까요?

[codingapple]

넴

[글쓴이]

글