vue3 props解构
时间: 2023-08-30 12:08:50 浏览: 64
在Vue 3中,可以使用toRefs函数来解构props属性。通过使用toRefs,被解构的属性将具有ref特性,也就是说它们会成为响应式的。然而,需要注意的是,使用toRefs解构props属性会导致解构后的属性与父组件的响应式断开连接。所以在进行组件通信时,需要注意这个问题,并确保理解这个特性的影响。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [Vue3 解构赋值失去响应式引发的思考](https://blog.csdn.net/qq_41581588/article/details/126069105)[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: 50%"]
- *3* [vue,vue3 新手可能忽略的问题,解构对象丢失响应式,如props,torefs, pinia响应式核心](https://blog.csdn.net/g18204746769/article/details/127311252)[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: 50%"]
[ .reference_list ]