Vue3 ref computed setup 함수 작성법

Vue 3에서는 Composition API를 사용하여 컴포넌트를 작성하는데, 이때 Define Components를 사용하는 것이 유리합니다. 🧮
Define Components는 TypeScript를 사용해도 사용하지 않아도 재활용 성능이 좋고, data와 method를 명확하게 정의할 수 있습니다. 🗃️
setup 함수 안에서는 rp 함수를 사용하여 options API에서 사용하던 데이터를 선언할 수 있습니다. 📝
Vue 3에서는 Reactive Data가 Proxy API를 통해 생성되기 때문에 데이터를 변경하거나 읽을 때 Val이라는 특수 변수를 사용해야 합니다. 🪄
Vue 3에서는 Compu Key Up 대신 T 함수를 사용하고, Accredited Ago lifecycle 함수는 사라지므로 on-mounted 함수처럼 state 업데이트가 필요할 때는 setup 함수 내에 updateCoach 함수를 호출합니다. 🔄

I'm Finally Moving On (I have a new browser)