在 Vue.js 中，介面請求通常放在 created 或 mounted 生命週期鉤子中。選擇哪個鉤子取決於你的需求和具體情況。
created 鉤子：
時間點：在例項建立完成後，資料觀測和事件/偵聽器配置之前被呼叫。
用途：適合在例項初始化時就進行資料的獲取，這時候
data和methods已經可以使用，但 DOM 還未掛載。優點：
可以立即獲取資料，對於需要在元件渲染前就獲取的資料非常有用。
可以在資料到達之前顯示載入狀態。
缺點：
此時無法訪問到 DOM，如果請求依賴於 DOM 資訊，則不適用。
mounted 鉤子：
時間點：在例項掛載到 DOM 後呼叫。
用途：適合在 DOM 掛載完成後進行資料獲取，這時候可以訪問到
$el屬性，也可以執行依賴於 DOM 的操作。優點：
可以訪問和操作 DOM，適合需要根據 DOM 資訊來發起請求的情況。
如果請求是爲了響應使用者操作（如點選按鈕後發起請求），可以在
mounted中設定事件監聽器，並在事件處理函式中發起請求。缺點：
相對於
created，資料載入和頁面渲染之間有延遲，可能會讓使用者等待更長時間。
為什麼要這樣做？
效能：儘早獲取資料可以減少頁面的空白時間，提升使用者體驗。
依賴：如果請求依賴於元件的
data或methods，那麼在created鉤子中進行請求可以確保這些依賴已經可用。時機：
created和mounted提供了不同的時機，可以根據請求的具體需求選擇合適的時機。使用者體驗：在
created中進行請求可以更快地準備資料，讓使用者感覺到頁面載入更快；在mounted中進行請求可以確保在 DOM 元素可用後立即使用它們。
最佳實踐：
如果資料不依賴於 DOM，並且需要在渲染前就準備好，放在
created鉤子中。如果資料請求依賴於 DOM 元素或者需要在使用者與頁面互動後進行，放在
mounted鉤子中。考慮使用現代前端框架的非同步資料獲取模式，如 Vue 的
async/await或者組合式 API（Composition API），這樣可以更靈活地控制數據流和元件狀態。
