Vue 中 then 的用法

什么是 then？

then 是在 Vue 中用于處理異步操作時的一個方法。它允許您在異步操作完成后執行后續代碼。

如何使用 then

要使用 then，您需要將它作為鏈式調用傳遞給一個返回 Promise 的方法。例如：

<code class="javascript">// 假設 getAsyncData 返回一個 Promise
getAsyncData().then((data) =&gt; {
  // 使用數據
});</code>

then 的參數

then 方法接受兩個參數：

resolveHandler： 在 Promise 成功解決后執行的函數。

rejectHandler： 在 Promise 被拒絕后執行的函數。

resolveHandler

resolveHandler 函數接收一個參數作為 resolved Promise 的值。您可以使用此值在后續代碼中。

rejectHandler

rejectHandler 函數接收一個參數作為 rejected Promise 的原因。您可以使用此信息來處理錯誤或顯示錯誤消息。

可以鏈式調用

then 方法可以進行鏈式調用，這意味著您可以在一個 then 調用中添加多個 then 調用。每個 then 調用都將按順序執行。

示例：

<code class="javascript">getAsyncData()
  .then((data) =&gt; {
    // 使用 data
  })
  .then((processedData) =&gt; {
    // 使用 processedData
  })
  .catch((error) =&gt; {
    // 處理錯誤
  });</code>

注意：

在使用 then 時，始終確保處理 rejected Promise 的情況。
then 只能用于處理異步操作的結果。對于同步操作，您應該直接使用其返回值。