Vue 组件之间通信方式

Posted regina-wisdom

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue 组件之间通信方式相关的知识,希望对你有一定的参考价值。

有好多种方式,可以根据需求来选择不同的方式

  1. $emit, props   直接传值,解决父子组件层数较少的情况
  2. $attrs, $listeners  多级父子组件间传值
  3. 中央事件总线  $bus  new Vue() $on, $emit挂载同一个实例化对象解决 兄弟之间传值
  4. 父组件通过provide提供值,子组件通过inject注入   父子组组件中传值
  5. 使用$parent$children
  6. Vuex

以上是关于Vue 组件之间通信方式的主要内容,如果未能解决你的问题,请参考以下文章

vue的通信方式---祖父孙三个级别的之间的隔代通信

通俗易懂了解Vue组件之间的通信方式

vue父子组件之间的通信

vue组件之间8种组件通信方式总结

vue 中组件与组件之间通信的方式

Vue 组件之间通信方式