then 是 vue 中用于處理異步操作的鏈式調用方法。它允許您在異步操作完成時執行后續代碼,接收兩個參數: resolvehandler(處理 resolved promise 的值)和 rejecthandler(處理 rejected promise 的原因)。您可以進行鏈式調用以按順序執行多個 then 調用,但務必處理 rejected promise 的情況。then 僅用于異步操作,同步操作應直接使用其返回值。
Vue 中 then 的用法
什么是 then?
then 是在 Vue 中用于處理異步操作時的一個方法。它允許您在異步操作完成后執行后續代碼。
如何使用 then
要使用 then,您需要將它作為鏈式調用傳遞給一個返回 Promise 的方法。例如:
<code class="javascript">// 假設 getAsyncData 返回一個 Promise
getAsyncData().then((data) => {
// 使用數據
});</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) => {
// 使用 data
})
.then((processedData) => {
// 使用 processedData
})
.catch((error) => {
// 處理錯誤
});</code>
登錄后復制
注意:
在使用 then 時,始終確保處理 rejected Promise 的情況。
then 只能用于處理異步操作的結果。對于同步操作,您應該直接使用其返回值。






