Vue 中 Promise 非同步和同步 的使用

2021-10-25 01:14:06 字數 1105 閱讀 2098

>

class

=>

>

商品資訊h1

>

class

="block"

>

測試promise:

>

操作人},改變了商品名稱:} @click

="changemerchandisenamesync"

type

="primary"

>

changemerchandisenamesyncel-button

>

div>

style

="margin-top

:10px

">

操作人},改變了商品名稱:} @click

="changemerchandisenameasync"

type

="primary"

>

changemerchandisenameasyncel-button

>

div>

div>

div>

template

>

>

export

default},

methods:).

catch

(error=>);

//不會等待requestmerchandisename方法執行完

this

.who=

'張三';}

,async

changemerchandisenamesync()

);this

.merchandisename=responsemesssage;

//等待requestmerchandisename方法執行完再執行下面**

this

.who=

'張三';}

,requestmerchandisename()

,(3000))

;})}

}}script

>

scoped

>

.block

style

>

利用promise解決vue非同步請求問題

用vue做專案首頁功能,設想的步驟是頁面非同步請求載入選單,由於剛載入的時候路徑是 所以沒有對應的路由顯示頁面,這樣就會導致使用者體驗很差,所以就判定在路徑為 的時候,預設匹配到選單的第乙個子節點。如下 loadmenu function user catch err let path me.rou...

XMLHttpRequest 非同步方式和同步方式

一.同步和非同步區別 簡單說 同步是阻塞模式,非同步是非阻塞模式。舉個例子 普通b s模式 同步 ajax技術 非同步 同步 提交請求 等待伺服器處理 處理完畢返回 這個期間客戶端瀏覽器不能幹任何事 非同步 請求通過事件觸發 伺服器處理 這是瀏覽器仍然可以作其他事情 處理完畢 二.xmlhttpre...

XMLHttpRequest 非同步方式和同步方式

xmlhttp.open get url,false 同步方式請求 get url,true 第三個引數為true為非同步方式 xmlhttp.open get url,false 同步方式請求 get url,true 第三個引數為true為非同步方式 總結 同步非同步的關鍵引數 js xmlht...