比较简单的非父子组件之间的通信可以采用下述模式,复杂的大型单页面程序使用VueX。

Vue官方提供解释比较简单:

vue非父子之间通信 - 利用空Vue做事件总线

下面来动手实现一下:

场景:实现点击某个列表项,header-nav中显示出点击的是第几个列表项。

vue非父子之间通信 - 利用空Vue做事件总线

实现代码:

vue非父子之间通信 - 利用空Vue做事件总线



相关文章:

  • 2021-07-07
  • 2022-02-26
  • 2021-11-08
  • 2021-04-16
  • 2022-12-23
  • 2021-06-25
  • 2022-12-23
  • 2021-05-19
猜你喜欢
  • 2021-07-03
  • 2021-03-31
  • 2021-05-27
  • 2021-06-26
  • 2021-12-21
  • 2021-09-15
  • 2022-01-21
相关资源
相似解决方案