[vue3] props 배열에 ref 변수 인덱싱

props와 ref 복합적으로 사용할 때 헷갈려서 정리용으로 남깁니다.

 

  if (Array.isArray(props.parentArray) && props.parentArray.length > 0 && childRefConst.value !== '' && childRefConst.value !== undefined) {
    tmp = props.parentArray[childRefConst.value]; //인덱스에 붙일 때 감싼거면 .value붙이기
  } else {
    tmp = '';
  }

template에서는

- props 안붙이고 변수명만 사용

 

script에서

- ref는 .value와 함께

- 상속받은 변수는 꼭 props.변수 => .value 안 붙여도됨