[Vue.js] computed API의 value에 접근하기

< sript setup> ~ < script>에서 computed의 value에 접근하는 방법

: computed로 리턴되는 값의 value를 접근할때 함수명만 쓰게 되면 computedReflmpl이 출력이 되고 그 안에 모든 값들이 들어있다. 내가 원하고자 하는 value만 출력하고 싶을때는 함수명.value를 쓰면 원하는 값이 나온다

[예시]

<script setup>
import { computed } from "vue";
import { useStore } from "vuex";
const data = ["수험번호", "성명", "생년월일", "응시종목", "좌석번호"];
const itemMap = ["exmneeNo", "exmneeNm", "resdNo", "jmNm", "seatNo"]; 

const store = useStore();

const exmneeInfo = computed(() => {
  return store.state.connect.exmneeInfo;
});

const processedExmneeInfo = computed(() => {
  const info = { ...exmneeInfo.value }; // computed의 value값만 추출
  
  if (info.resdNo) {
    info.resdNo = info.resdNo.slice(0, 6);
  }
  return info;
});
</script>