父子组件通信

组件之间的数据通信

父子组件之间

第一种:父传子 props传递数据

子传父 出发自定义事件的形式

第二种:provide,..inject结构

父组件provied触发数据,子组件inject接收数据

首先在父亲引入provide和reactive两个组件,在setup里面定义一个数组 用reactive包裹他的值,然后用provide来传输数组,前面是传输出来的数组名,后面是当前数组名。

然后在儿子引入inject组件,在setup丽定义一个数组来用inject(传输来的数组名)来接收数组并用return{。。。数组名}来返还数组代表解构对象

非父子之间的数据通信

第一种:事件总线BUS

第二种:状态管理库vuex

posted @ 2022-05-12 14:59  sjn2002  阅读(18)  评论(0)    收藏  举报