함수: useSelector()

function useSelector<TSource, TSelected>(
   source, 
   selector, 
options?): Readonly<Ref<TSelected>>;

정의 위치: vue-store/src/useSelector.ts:39

아톰이나 스토어에서 상태 조각을 선택하고 컴포넌트가 해당 선택 결과를 구독하도록 합니다.

TanStack Store의 기본 Vue 읽기 훅입니다. 선택한 값을 담은 읽기 전용 ref를 반환합니다.

전체 값을 구독하려면 셀렉터를 생략합니다.

타입 매개변수

TSource

TSource

TSelected

TSelected = NoInfer<TSource>

매개변수

source

SelectionSource<TSource>

selector

(snapshot) => TSelected

options?

UseSelectorOptions<TSelected>

반환값

Readonly<Ref<TSelected>>

예시

const count = useSelector(counterStore, (state) => state.count)
console.log(count.value)

const value = useSelector(countAtom)