uniapp组件通信
时间: 2023-08-12 11:09:35 浏览: 153
wCanvas.zip
在uniapp中,组件通信的方式与Vue相同。父组件可以通过props将数据传递给子组件。如果子组件的template中没有包含一个<slot>元素,则该组件起始标签和结束标签之间的任何内容都会被抛弃。此外,uniapp还提供了全局事件的定义和通信方式。你可以使用uni.$on创建一个全局事件,在整个应用的任何地方使用uni.$emit来触发全局事件,从而实现多组件之间的数据通信。在uni-app中,组件存放在项目的component目录下,只支持Vue单文件组件(.vue组件)。你可以在uniapp官网上查看更详细的内容:https://uniapp.dcloud.io/collocation/frame/communication。
#### 引用[.reference_title]
- *1* [uniapp - 组件之间的通讯方式](https://blog.csdn.net/Jie_1997/article/details/109000439)[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^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [【uni-app教程】七、UniAPP 自定义组件与通信](https://blog.csdn.net/beiluoL/article/details/129349232)[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^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文