vue组件传值(非父子,深层次的)

利用 provide() 和 inject()

provide提供一个值，可以被后代组件注入

inject接收祖先组件传过来的值,进行使用

provide 和 inject 绑定并不是可响应的。这是刻意为之的

索性我一步到位,直接写响应式的了

祖先组件

provide() {
    return {
      msg: computed(() => this.message),
      count: computed(() => this.count),
    }
  },

子孙组件

inject: ['msg', 'count'],