defineExpose 사용법

#상황1
부모컴포넌트에 자식 모달의 확인과 취소 버튼이 있음 emit이나 defineExpose로 연결을 해야함

1. 우선 자식컴포넌트에서 아래와 같이 설정

cosnt addData =() =>{
  const requestParamas ={
    plssKdNm:form.name,
    plssKdDsrc:form.explain,
  }
  return requestParamas
}
    

defineExpose({
  addData})

  

2. 이제 부모 컴포넌트에서
const divisionWorkAddPopup = ref() --- ref 설정



//업무 구분 등록 추가 버튼
const addDivisionWork = () =>{
  const form =divisionWorkAddPopup.value?.addData() -- 자식컴포넌트의 add.data를 가져옴
  
  request('/api/v1/plll',{
    method:'post',
    data:form,
  
 
<Modal>
  <template #pContent>
  <PopupsDivisionWorkAddP ref='divisionWorkAddPopup'/> -- ref로 연결해줘야함
    
  </template>
  
  
  
  </Modal>