Ref

  const item: Ref<Array<any>> = ref([]);

 

위의 코드를 해석하자면 Ref는 유동적으로 변할 수 있는 값을 지정해준다 -> 반응성을 가진 변수를 생성할 때에 사용한다.그래고 그 값의 타입을  Array로 만들었으며 any = 아무거나 들어 갈 수  있다는 표현식이다.

 

ref는 state를 만들 때에 사용되는 vue3 용어이다.

 

vue3에서는 ref 함수를 사용하여 생성된 반응형 변수는 .value 속성을 사용하여 실제 값을 읽거나 수정할 수 있다.

 

예시

    onMounted( async ()=>{
        console.log('mount');
        item.value = itemStore.itemList;
        console.log(itemList.value);
    })