인프런 커뮤니티 질문&답변

강사님꺼에선 refresh라는 로그가 보이는데 제꺼에선 안보이네요ㅠㅠ 4layers라는 검정색 동그라미 버튼 누르니까 log가 찍히는건 다른 레이어에서 확인했으나 mouse에서만 보이지 componet events에서는 나오지 않습니다ㅠㅠ 새로고침 이라고 뜨는 것 보면 잘은 나오는 것 같은데...

이 부분 어떻게 해야 해당 refresh log를 볼 수 있을 지 궁금합니다!

코드는 강사님과 똑같히 했다고 생각하는데, 우선 첨부합니다!

<div id = "app">
    <!-- <app-contents v-on:이벤트이름 = "상위 컴포넌트의 메서드 이름"></app-contents> -->
    <app-contents v-on:refresh = "showAlert"></app-contents>
    
</div>


<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script>

    var appContents={
        template:`
        <p>
            <button v-on:click = "sendEvent">갱신</button>
        </p>
        `,
        methods:{
            sendEvent(){
                this.$emit('refresh');
            }
        }
    }
    //root 컴포넌트
    Vue.createApp({
        methods:{
            showAlert(){
                alert('새로고침');
            }
        },
        components:{
            //'컴포넌트 이름' : 컴포넌트 내용
            'app-contents':appContents
        }
    }).mount('#app');
</script>