眾所周知，在組件式開發中，最大的痛點就在於組件之間的通信。在 Vue 中，Vue 提供了各種各樣的組件通信方式，從基礎的 props/$emit 到用於兄弟組件通信的 EventBus，再到用於全局數據管理的 Vuex。 在這麼多的組件通信方式中，provide/inject 顯得十分阿卡林（毫無存 ...
眾所周知，在組件式開發中，最大的痛點就在於組件之間的通信。在 Vue 中，Vue 提供了各種各樣的組件通信方式，從基礎的 props/$emit 到用於兄弟組件通信的 EventBus，再到用於全局數據管理的 Vuex。
在這麼多的組件通信方式中，provide/inject 顯得十分阿卡林（毫無存在感）。但是，其實 provide/inject 也有它們的用武之地。今天，我們就來聊聊 Vue 中 provide/inject 的應用。
何為 provide/inject
provide/inject 是 Vue 在 2.2.0 版本新增的 API，官網介紹如下：
這對選項需要一起使用，以允許一個祖先組件向其所有子孫後代註入一個依賴，不論組件層次有多深，併在起上下游關係成立的時間里始終生效。如果你熟悉 React，這與 React 的上下文特性很相似。
官網的解釋很讓人疑惑，那我翻譯下這幾句話：
provide 可以在祖先組件中指定我們想要提供給後代組件的數據或方法，而在任何後代組件中，我們都可以使用 inject 來接收 provide 提供的數據或方法。
舉個官網的
