[vue.js] Modal 영역 바깥 부분 (modal-mask) 누르면 close 되는 법

modal-mask 부분에 close 를 해주면
modal-container 영역을 눌렀을 때도 자꾸 닫혀서
계속계속 알아보다가 해결방법을 알게 되었다 !

 <div class="modal-mask" @click="$emit('close')">
    <div class="modal-wrapper">
      <div class="modal-container" @click.stop="">

이렇게 modal-mask 에 close 는 똑같이 주고
modal-container 에 click.stop 이벤트를 넣어주면
modal 영역을 클릭해도 닫히지 않고 바깥 클릭했을 때만 닫힌다!