Vue 3: 구성 API를 사용하여 구성 요소 소품 값을 올바르게 업데이트하는 방법은 무엇입니까?

Question

이 구성 요소가 마음에 듭니다.

으아아아

updateCoords 方法更新 prop coords 값을 사용해 보았지만 오류가 발생했습니다.

Uncaught TypeError: 정의되지 않은 속성을 설정할 수 없습니다(set '좌표')

내 경우에는 props 값을 올바르게 업데이트하는 방법은 무엇입니까?

Answer 1

props는 읽기 전용입니다:
https://v3.vuejs.org/guide/comComponent-props.html#one-way-data-flow

두 가지 방법으로 소품을 바인딩하려면 v-model 패턴을 구현해야 합니다.
https://v3-migration.vuejs.org/break-changes/v-model.html#_3-x-syntax

으아악