vue3 props传过来的数据拿不到

在Vue3中，通过props传递的数据默认是只读的，这意味着你无法直接修改props的值。所以如果你在子组件中无法获取到父组件传过来的数据，可能有以下几种原因：

1. 属性名不一致：请确保父组件中传递给子组件的props名称与子组件中定义的props名称完全一致。

2. 对象引用问题：如果父组件传递给子组件的是一个对象，而你在子组件中对该对象进行了修改，由于默认情况下props是只读的，所以你无法直接修改props对象的值。如果需要修改props对象，你可以使用Vue提供的方法来解决，比如使用`Object.assign()`来创建一个新的对象并赋值给子组件的属性，或者使用`v-model`来进行双向绑定。

3. 深度监听问题：在Vue3中，深度监听（deep:true）已被移除，所以在watch中使用`deep:true`是无效的。如果需要监听对象的变化，你可以使用`$watch` API来监听props对象的属性。

综上所述，如果你在Vue3中无法获取到父组件传递的props数据，请确保属性名一致，避免直接修改props对象的值，并使用`$watch` API来监听props对象的属性变化。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [解决vue组件props传值,对象获取不到的问题](https://blog.csdn.net/pink_cz/article/details/126328341)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]