vue3 setup 组件通信
时间: 2023-09-26 22:10:30 浏览: 117
在Vue 3的setup组件中,可以使用props和emits来实现跨组件通信。引用中的父组件使用了v-model来双向绑定list数据,然后将list传递给子组件。而子组件中使用defineProps来定义props,接收父组件传递的list数据。在子组件中,可以通过props.list来使用list数据。同时,子组件也使用了defineEmits来定义emits,其中包含了一个'update:list'事件。在子组件的方法handleAdd中,通过调用emits('update:list', arr)来触发'update:list'事件,将更新后的list数据传递给父组件。这样就实现了父子组件之间的通信。<em>1</em><em>2</em>
#### 引用[.reference_title]
- *1* *2* [Vue3中setup函数如何进行组间通讯](https://blog.csdn.net/Clover_zlx/article/details/129598612)[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^v92^chatsearchT0_1"}} ] [.reference_item]
[ .reference_list ]
阅读全文