인프런 커뮤니티 질문&답변
작성한 질문수
서로 다른컴포넌트의 함수를 사용하고싶을때
19.10.21 20:38 작성
·
168
1
안녕하세요.
질문드려요
예를들면 a.vue 라는 컴포넌트가있구 b.vue라는 컴포넌트가있습니다.
a.vue의 methods 안에는
methods:{
test:function(){
}
}
이게 있구요.
b.vue의 methods 안에는
methods:{
test:function(){
alert('안녕하세요');
}
}
이게 있구요.
a.vue의 컴포넌트에서 b.vue의 test함수를 사용하고싶은데 어떻게하면되나요
답변 1
0
장기효(캡틴판교)
지식공유자
2019. 10. 22. 00:17
안녕하세요 단순한 자바스크립트 함수인 경우에는 ES6의 import, export 구문으로 특정 함수의 로직을 재사용할 수 있습니다. 만약 메서드 함수 자체를 재활용하신다고 하면 하이 오더 컴포넌트나 믹스인을 활용하시면 되는데요. 해당 내용은 제가 다음 강좌의 "컴포넌트 디자인 패턴"에서 다루고 있습니다. 믹스인 관련된 내용은 일단 아래 문서 보시면 될 것 같고, 하이 오더 컴포넌트는 공식 문서에서 별도로 다루고 있지 않아 구글링을 좀 해보셔야 할 것 같네요..!