组件通讯

37 阅读1分钟

组件通讯的方式

  1. 父传子 子组件通过props接收

父组件 image.png 子组件

image.png 2. 子传父 子组件通过emit触发监听 父组件监听并接收参数

子组件触发监听 传递值

image.png 父组件监听并接收参数

image.png

image.png

  1. 兄弟传值 中央事件总线-ventBus

image.png

0d11c39deaa60de19c89af7f7e32d8d.png

001d2661f7d3f0526a6530ea17f9bb4.png

a405fd419b1fdb3d2497d75e0447bb4.png 6. 祖孙传值 provide inject

image.png 8. 跨页面传值和全局使用 vuex