Vue Composable(컴포저블)

컴포저블이란?

Vue 앱의 컨텍스트에서 컴포저블은 Vue 컴포지션 API를 활용하여 상태 저장 로직를 캡슐화하고 재사용하는 함수입니다.

 

우리는 보통

Input, Output 나오는 로직 -> Function(모듈)

라고 한다.

 

하지만, 컴포저블 함수는 '상태'를 리턴하는 것을 일컫는다.

 

상태가 컴포넌트 단위로 각각 생성된다

일종의 Factory처럼 상태를 사용하는 객체를 찍어내는 것이 기본 동작 방식이다.

 

 

 

하지만, 상태를 공유하고싶다면?

(= 일종의 싱글톤 패턴처럼 상태를 관리하고싶다면?)

 

Pinia, 혹은 VueX를 사용한다

Pinia(좌), VueX(우)