Vue에서 props로 함수 주소를 넘길 수는 없을까요?

Question

vue개발 할 때 기본적으로 this.$emit(&#34;select&#34;,1) 이런식으로 분기점을 나누는 방식을 많이 사용하고 있어요.그런데 문뜩 그런 생각이 들었습니다.결론 적으로 버튼을 눌렀을 때 해당하는 함수가 실행 되면 되는거니까. 자식 버튼에 함수 주소를 박으면 되지 않을까?아마 이런게 안 되니까 emit이 생겻다고 생각했습니다. 그래서 나온 다음 생각은그렇다면 부모에서 props으로 Func1,Func2,Func3 을 자식에게 넘겨서 자식에서는 Func의 개수 만큼 버튼을 생성하고&#64;click&#61;Send(Func) function Send(function){this.$emit.(&#34;FunctionByChild&#34;,fucntion)}이러한 구조로 다시 부모에게 넘깁니다.그렇다면 부모는&#64;FunctionByChild&#61; hanlderFunctionmethods:{handlerFunction(childFunction){chldFunction();}}이러한 구조로 만들 수 있지 않을까 생각을 해봤는데. 가능할까요??함수를 자식에게 넘겨주는 과정에서 막혀서 안 되는건가 해서 질문을 올려봅니다...구글링 해도 이렇게 함수 주소를 넘기는 방식은 없는데 안 되는걸까요?

MungGaeDev · Answer

간략히 작성하겠습니다.// 부모 : // 자식

Vue에서 props로 함수 주소를 넘길 수는 없을까요?

1개의 답변

Q&A 목록