컴포넌트 재사용
-
[Vue] 3. HOC & MixinVue 2022. 1. 4. 10:06
HOC(Higher-order Component) 컴포넌트의 로직을 재사용하기 위한 기술로 컴포넌트를 가져와 새 컴포넌트를 반환하는 함수 중복된 코드들을 js파일에 넣어 놓고, 라우트의 컴포넌트에 적용 중간 컴포넌트는 하위 컴포넌트를 등록하는 역할만 수행 HOC컴포넌트는 라우트에 따라 변경됨 따라서 사용되지 않는 뷰들은 삭제 Mixin 여러 컴포넌트 간에 공통으로 사용하고 있는 로직(기능)들을 추출하여 재사용 하는 방법 HOC는 컴포넌트의 역할 분리 면에서 유리하지만 컴포넌트의 깊이가 깊어지기 때문에 Mixin 사용 src 하위 폴더로 mixins 만들고 재사용할 로직을 작설할 js파일 만들기 js파일에 재사용할 로직이나 옵션 작성하고 해당 로직이나 옵션을 쓰는 곳에 import Mixins: [ 믹스인..