서로 다른컴포넌트의 함수를 사용하고싶을때

Question

안녕하세요. 질문드려요 예를들면 a.vue 라는 컴포넌트가있구 b.vue라는 컴포넌트가있습니다. a.vue의 methods 안에는 methods:{ test:function(){ } } 이게 있구요. b.vue의 methods 안에는 methods:{ test:function(){ alert('안녕하세요'); } } 이게 있구요. a.vue의 컴포넌트에서 b.vue의 test함수를 사용하고싶은데 어떻게하면되나요

캡틴판교 · Answer

안녕하세요 단순한 자바스크립트 함수인 경우에는 ES6의 import, export 구문으로 특정 함수의 로직을 재사용할 수 있습니다. 만약 메서드 함수 자체를 재활용하신다고 하면 하이 오더 컴포넌트나 믹스인을 활용하시면 되는데요. 해당 내용은 제가 다음 강좌의 "컴포넌트 디자인 패턴"에서 다루고 있습니다. 믹스인 관련된 내용은 일단 아래 문서 보시면 될 것 같고, 하이 오더 컴포넌트는 공식 문서에서 별도로 다루고 있지 않아 구글링을 좀 해보셔야 할 것 같네요..! https://vuejs.org/v2/guide/mixins.html#ad