도움부탁드려요. vuejs, typescript 구문 이해하기 힘든 부분이 있습니다.

Question

아래 구문에서 컴파일 오류가 나는 부분을 이해 못 하겠어서 질문드려요.주석처리되어 있는const v$$: Ref = ref([]); 를 쓰면 컴파일 오류가 뜨지 않습니다.제 생각에 뜻은 동일하고 좀더 간결한 것 같아서const v$$ = ref([]); 이렇게 썼더니 아래와 같은 컴파일 오류가 나오는데무슨 차이인지 무슨 뜻인지 잘 모르겠어요.가르쳐주시면 감사하겠습니다.

kqrquz · Answer

const v$$: Ref = ref([]);const v$$ = ref([]);앞에 v$$ 는 변수 명이니 설명을 생략하겠습니다.변수 오른쪽에 Ref 은 타입입니다.ref 은 타입이 아니라 함수입니다. 함수를 실행하고 리턴값을 v$$ 에 저장합니다.Vue core 코드를 보면 ref 은 Proxy 객체를 반환합니다.https://github.com/vuejs/vue/blob/v2.7.16/src/v3/reactivity/ref.ts#L43-L48ref 함수의 선언부를 보면 ref([]) 를 작성하면반환되는 형태는 Ref>> 가 됩니다.

도움부탁드려요. vuejs, typescript 구문 이해하기 힘든 부분이 있습니다.

1개의 답변

Q&A 목록