setup함수의 기본: https://ko.vuejs.org/api/sfc-script-setup

반응형 API: https://ko.vuejs.org/api/reactivity-core

export를 사용하지 않고 import를 사용한다.

setup 옵션은 내부 템플릿에 사용할 모든 메서드나 데이터를 정의한다.

데이터는 ref

함수는 화살표 함수 this (x), ( ) ⇒ { }

값을 읽거나 변경할때는 .value 사용

watcheffect 같은 비동기 함수는 값을 변경할때마다 반영되는것

→ await 처리를 잘 해주어야함, 게시글 같은 것에 어울림??