Day12 - 祖父元件与孙子元件间的传音入密

今天跟大神 重新认识 Vue.js | Kuro Hsu 跨越层级的传递方式 学习祖先元件怎麽传递家训给後代
只要在祖父元件设定 provide(){}，并在子孙元件设定 inject:[] 接收器，子孙就可以收到祖先元件的资料了，但我们多加 Vue.computed() 让祖先元件的资料变更时，同步传送变更後的新资料给乖儿孙

在祖先元件里设定 provide()

  data() {
    return {
      grandpaYell: 'grandpa Rooock!'
    }
  },
  provide() {
    return {
      provideYell: Vue.computed(() => this.grandpaYell)
    };
  }

在子孙元件里设定 inject:[]

    inject: ['provideYell'],

并在子孙元件的 template 里使用时需要加上 .value

<p>{{ provideYell.value }}</p>

待读 官方文件：Provide / Inject

祝大家开开心心河河笑，如果上述理解有误希望能协助提点～感谢大家 (っಠ‿ಠ)っ