Vue 3：如何使用组合 API 正确更新组件 props 值？
我喜欢这个组件：
<template>
<div>
<p>Current coords: <strong>{{ coords }}</strong></p>
<button type="button" @click="updateCoords">
</div>
</template>
<script>
export default {
props: {
coords: {
type: Array,
required: true
}
},
setup(props) {
const updateCoords = () => {
props.coords = [38.561785, -121.449756]
// props.coords.value = [38.561785, -121.449756]
}
return { updateCoords }
},
}
</script>
我尝试使用 updateCoords 方法更新 prop coords 值，但收到错误消息：
未捕获类型错误：无法设置未定义的属性（设置 '坐标'）
在我的情况下如何正确更新 props 值？
