inflearn logo
강의

Course

Instructor

Getting Started with Vue 3

Introduction to Event Emit

안녕하세요 선생님 Event Emit 질문 드립니다.

Resolved

426

o3op3p5452

1 asked

2

선생님 강의 들으면서 따라하고 있습니다

강의랑 똑같이 타이핑하면서 공부하고 있는데 왜 타임라인에서 이벤트 호출이 안되는지 이유를 모르겠어서 질문 남깁니다! 확인 부탁드립니다...!

javascript vue.js vue-3

Answer 1

1

captain

엇 이상하네요. 코드 상으로 문제는 없어보이는데.. 혹시 저 코드를 붙여넣어주실 수 있으세요? 이미지라서 실행 결과를 확인하기가 어렵네용 :)

0

o3op3p5452

<!-- HTML -->
<div id="app">
	<app-contents></app-contents>
</div>
<!--// HTML -->

<!-- JavaScript -->
<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')
			}
		}
	}
	Vue.createApp({
		components: {
			'app-contents': appContents
		}
	}).mount("#app");
</script>
<!--// JavaScript -->

1

o3op3p5452

작성한 코드 입니다!

4

captain

아 요거 개발자 도구에서 녹화 버튼을 누르셔야 이벤트 이력이 감지되네용 ㅋㅋ 아래 영상 확인하세요 :)

https://github.com/joshua1988/learn-vue-js/blob/master/video/%EC%9D%B4%EB%B2%A4%ED%8A%B8%20%EC%97%90%EB%B0%8B%20%ED%99%95%EC%9D%B8%20%EC%98%81%EC%83%81.mp4

위 파일 다운로드 받아서 확인해 보세요.

1

o3op3p5452

확인했습니다 감사합니다 !

파일 생성 방법이 다른건가요?

0

38

1

개발 환경부터 만들고 싶은데 강의에 생략된건가요?

0

53

1

타입스크립트

0

46

1

Vue3에 대해

0

69

1

로컬이 안뜹니다..

0

108

1

Vue 개발자도구 timeline에 No events라 뜨는 문제

0

156

1

Parsing 오류

0

140

1

users 안 보임

0

155

1

vbc 단축키 질문

0

156

2

LEARN-VUE-JS 프로젝트 질문

1

242

1

yarn serve 를 실행하기 위한 조건이 있을까요?

0

436

1

volar(vue language features) 검색 안됨

0

868

3

다음 강의

1

270

2

같은 레벨 자식에서의 이벤트 핸들링 방법 문의

1

303

3

vue 개발자도구 refresh event 문제

1

533

2

vue 개발자도구에서의 timeline

1

513

2

target[prop] 질문

1

337

2

Vue 개발자 도구가 변경사항이 있나요?

2

976

2

윈도우 터미널에서 powershell 사용 비추 이유

1

638

2

defineProps, defineEmit, defineModel 차이

1

759

2

파일이름을 소문자로시작하는건 어떤경우인가요

1

244

1

v-if, v-show 어떤 경우에 사용하나요?

1

488

2

학생할인 쿠폰번호 오류

1

468

2

클래스,아이디 바인딩 사용문의

1

199

2