useModel()

useModel()
useModel()은 Vue 3.4+에서 도입된 Composition API 헬퍼 함수로, 자식 컴포넌트에서 부모 컴포넌트로부터 전달받은 v-model을 처리할 수 있는 반응형 ref를 생성하는 데 사용된다.
이는 컴포넌트 간의 양방향 데이터 바인딩(v-model)을 쉽게 관리할 수 있도록 돕는 함수이다.

useModel() - 역할, 작동 방식

useModel()은 부모 컴포넌트가 사용하는 v-model:프로퍼티명을 자식 컴포넌트의 내부에서 일반적인 ref처럼 사용할 수 있도록 변환해준다.

prop (프롭) 전달: 부모의 값을 자식에게 전달한다. (예: modelValue 또는 count)
emit (이벤트 발생): 자식의 값이 변경될 때 부모에게 알린다. (예: update:modelValue 또는 update:count)

동작	`useModel()`을 사용하지 않을 때 (수동)	`useModel()`을 사용할 때 (자동)
값을 읽을 때	props.count	msg.value
값을 쓸 때	emit('update:count', newValue)	msg.value = newValue