组件通信方式

发布时间:2024年01月03日

组件通信方式有:vuex,ref,父子通信(父传子、子传父),兄弟通信(eventBus), 祖先后代通信(依赖注入)

父传子:父组件内:在子组件标签上设置自定义属性传递数据,

子组件内:子组件通过props接收数据

子传父: 父组件内:在子组件标签上设置自定义事件 @自定义事件名=" 函数"

子组件:子组件内通过:$emit('自定义事件名‘,参数1,参数2')

子组件标签绑定单击事件触发父组件的方法

兄弟通信:创建一个谁都能访问事件总线(里面是空的vue实例)

接受数据(使用数据)方,通过$on事件

发送数据(发送方),通过$emit事件

祖先后代通信:

依赖注入

孙子组件用inject接收数据

父组件 导入 注册孙子组件

祖先组件:通过provide提供数据,导入 注册父组件

文章来源:https://blog.csdn.net/m0_56713342/article/details/135372303
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。