我正在處理兩個元件之間的通訊（使用Vue 2），其中一個是按鈕，可以具有初始、載入和完成（成功或失敗）等狀態，對於按鈕的每個狀態，我可能會顯示不同的文本，不同的圖標（加載：旋轉圖標，成功完成：勾號，錯誤完成：x），我還有一個表單，將使用按鈕組件。我不確定如何根據表單提交的當前狀態來更改按鈕的狀態。請查看下面的程式碼。
我的按鈕元件：
我的表單元件：
在上面的程式碼中，您可以看到我如何根據表單的狀態來更改按鈕的狀態：我的按鈕在點擊時發出兩個函數（startLoading，concludedSuccessfully），然後我在sendItemToCart中使用這兩個函數。
這似乎將兩個元件耦合得有點太多了，因為我必須將這些函數作為參數傳遞給父元件的方法。另外，我對如何做到這一點還有另一個想法，那就是給每個按鈕一個ref，然後在父元件中使用ref呼叫其方法。這個想法聽起來有點像物件導向程式設計中的“組合而非繼承”，我只需要求物件/元件做某事，但在這種情況下，沒有將函數作為參數。
嗯，上面的兩種情況似乎比我可能擁有的每個按鈕都創建變數更好，但它們似乎可以改進。所以我正在尋找的是：如何更好地解耦我的組件？
如果我們討論的是Vue 3（你沒有指定Vue的版本，所以不確定是Vue 2），你可能正在尋找
provide/inject：https://vuejs.org/guide/components/provide-inject.html
所以，如果你有一個父元件和一堆子元件，這些子元件只能作為父元件的後代出現（例如表單和輸入方塊），你可以
provide表單的狀態：OP評論說按鈕也可能出現在其他地方，所以我們應該同時使用props和provide。在沒有表單的情況下，我們可以使用props作為預設的注入值。
在表單元件中：
在按鈕元件中：