1. 옵션스 API 로 작성한 첨부된 아래 코드(Practice1.vue)를 컴포지션 API로 변경하세요

Practice1.vue

  1. 옵션스 API로 작성한 아래코드(Practice2.vue)를 컴포지션 API로 변경하세요 . Practice2 컴포넌트에서 정의한 반응형 데이터와 메서드를 Practice2Child 컴포넌트로 전달하고 Practice2Child컴포넌트에서는 전달받은 데이터와 메서드를 다시 호출합니다.

Practice2.vue

Practice2Child.vue

  1. 옵션스 API로 작성한 아래코드(Practice3.vue)를 컴포지션 API로 변경하세요 .해당 코드는 data, computed 옵션 속성으로 생성한 데이터를 provide 옵션 속성으로 하위 컴포넌트(Practice3Child)에 제공하고, 하위 컴포넌트에서는 inject 속성으로 데이터를 받아 사용합니다.

    Practice3.vue

    Practice3Child.vue