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
함수를 호출합니다. 🔄