Vue组件跨层级通信

• 正常组件间通信
  • 父->子组件 是通过属性传递
  • 子->父组件 是通过this.$emit()传递
    • this.$emit()返回的是this,如果需要一些值 可使用callback方式传递

provide 和 inject

这对选项需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，
不论组件层次有多深，并在起上下游关系成立的时间里始终生效。
provide 和 inject 绑定并不是可响应的。这是刻意为之的。
然而，如果你传入了一个可监听的对象，那么其对象的属性还是可响应的。

• provide提供数据,多层子组件 向上层寻找,只要找到 就不在向上层寻找了.
• inject 向子组件注入数据

使用方式

• 第一种方式(传递对象,使用字符串数组接收)

// 父级组件提供 'foo'
var Provider = {
   
   
  provide: {
   
   
    foo