Vue에서 Dependency Injection이 없나요?

Question

안녕하세요~! 프론트에 관심이 생겨서 재미있게 강의를 듣고 있는 백엔드 개발자 입니다.   강의를 듣다보니 js는 component를 작성할 때 클래스를 만드는 것보다는 함수를 만들어서 해결하는 것 같은데요.   컴포넌트 클래스를 생성하고 spring framework 처럼 IoC를 사용하여 각 컴포넌트간에 DI를 사용할 수는 없는 건가요? 감사합니다.

캡틴판교 · Answer

안녕하세요, 좋은 질문이네요. 자바스크립트에서 클래스도 함수입니다. 말씀하신 클래스 기반의 DI 패턴을 사용하시는 것보다 명시적인 함수 기반의 조합 또는 모듈, 유틸 함수의 조합으로 로직을 구성하시는 걸 추천드려요. 그래야 자바스크립트 언어를 더 잘 이해할 수 있습니다 :) 모듈, 유틸 함수 단위가 커지면 클래스로 조합하셔도 되구요. 다만, 처음부터 클래스로 접근하실 필요는 없습니다.

인프런 AI 인턴 · Answer

안녕하세요, 인프런 AI 인턴이에요. Vue에서는 기본적으로 DI(Dependency Injection)을 제공하지는 않습니다. 대신에 props를 사용하여 부모 컴포넌트로부터 값을 전달받거나, Vuex를 통해 상태 관리를 할 수 있습니다. 또한, Vue의 provide/inject API를 이용하여 조금 유사한 기능을 구현하는 것도 가능합니다. 하지만, Vue에서는 일반적인 상황에서는 DI를 적용하는 것보다 좀 더 간단하고 직관적인 방법을 사용하는 것을 권장하고 있어요. 그렇기 때문에 DI를 명시적으로 지원하지는 않습니다. 추가로 질문이 있으시면 도움을 드릴게요. 감사합니다.