안녕하세요 선생님 언제나 강의 재미있게 잘 듣고 있습니다.
다름이 아니라 저희 뷰스타그램 수업에서 tab으로 이미지 전환을 할 때
저희가 수업 때 짠 코드에서 개인적으로 추가로 버튼을 통해 custom event를 적용시켜봤는데요
Container 컴포넌트에 추가로
<button @click="$emit('tab_change', 0)">포스팅</button>
<button @click="$emit('tab_change', 1)">이미지 필터적용</button>
<button @click="$emit('tab_change', 2)">상세글 작성</button>
App 컴포넌트에는
<Container
v-bind:post_inform="post_inform"
v-bind:tab_state="tab_state"
@tab_change="tab_state = $event"
/>
으로 tab_change라는 메시지를 전달하게 했습니다 (저는 step이 아니라 tab_state라는 변수명을 썼습니다)
그런데 작동은 다행히 무사히 잘 되지만 계속 콘솔창에는 앱 구동부터 페이지 전환할 때마다
runtime-core.esm-bundler.js?5c40:38 [Vue warn]: Extraneous non-emits event listeners (tab_change) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. If the listener is intended to be a component custom event listener only, declare it using the "emits" option.
at <Container post_inform= (3) [{…}, {…}, {…}] tab_state=0 onTab_change=fn >
at <App>
이런 warning이 떠서요... 구글링을 했지만 뭔가 답변들이 이해가 잘 안되거나 혼란스러워서ㅠㅠ
머리 싸매다가 혹시 조금 도움을 주실 수 있는지 질문드립니다.