vue-父子组件、非父子组件传值通信

一、父子组件

父-子

  • props 父组件嵌套的子组件中，使用v-bind:msg=‘xxxx’进行对象的绑定，子组件中通过定义props接收对应的msg对象

  • 使用$children获取子组件和父组件对象

  • 使用$ref获取指定的子组件

子-父

  • 使用$emit传递事件给父组件，父组件监听该事件
  • 使用$parent.获取父组件对象，然后再获取数据对象

二、非父子组件

  • bus.js
  • sttrs/listeners 用于多级组件间传值的问题,解决多级组件间传值的问题，attr 将⽗父组件中不不包含props的属性 传⼊入⼦子组件，通常配合 interitAttrs 选项（组件A传递到组件C,使用组件B作为桥梁A-B-C）
  • vuex
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容