$emit1 [Vue.js] $emit 자식->부모 이벤트 잡기 1. 부모에서 자식 사용자 정의 태그에서 v-on 디렉티브로 이벤트를 핸들한다. 2. 자식은 $emit 으로 자신의 이벤트인 childs-event 를 실행한다. $emit 의 두 번째 이후의 매개변수로 임의의 데이터를 지정할 수 있다. 3. 부모는 자식 이벤트를 통지받아 미리 등록한 핸들러를 호출한다. //자식이 자신의 이벤트 실행 Vue.component('child-component', { template: '이벤트 호출하기', methods: { //버튼 클릭 이벤트 핸들러에서 childs-event 호출하기 handleClick: function(){ this.$emit('childs-event') } } }) //부모쪽에서 이벤트 받기 new Vue({ el:'#app', methods: { .. 2024. 1. 21. 이전 1 다음 728x90
