同步异步 props

当父组件的数据是同步数据时，子组件可以直接使用这些数据进行渲染，这是同步props。但是当父组件的数据是通过异步方式获取时，子组件在获取数据的过程中就已经开始渲染了，导致无法成功渲染异步数据，这是异步props。

解决异步props的问题可以采用以下几种方法：
1. 使用next-pipe-props库，通过管道传递不同的功能来构造最终的prop对象。数据从第一个函数传递到下一个函数，并作为参数传递。通过传递完整的对象并返回最终的prop对象，可以实现最佳的开发人员体验。
2. 在Vue3中，可以使用watch来监听props所获取的数据，然后在进行渲染。通过监听props的变化，当props的内容发生变化时，可以通过watch回调函数将新的值赋给子组件内部的数据，从而实现异步数据的渲染。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [vue3父组件异步props传值，子组件接收不到值问题](https://blog.csdn.net/m0_62857167/article/details/130224833)[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_1"}}] [.reference_item style="max-width: 50%"]
- *2* [next-pipe-props：用于在next.js页面中管道同步和异步props的简单程序包](https://download.csdn.net/download/weixin_42099936/15427599)[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_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]