vue 簡單介紹Promise

2021-10-17 08:42:21 字數 1095 閱讀 7917

一般情況時有非同步操作時,使用promise對這個非同步操作進行封裝。

一般分為兩步

new => 建構函式:

儲存一些狀態資訊

執行傳入的函式

用乙個簡單**實現以下,一層巢狀一層。每一次都執行這兩個步驟,雖**量略大,寫習慣後結構更加清晰。

具體**如下

lang

="en"

>

>

charset

="utf-8"

>

>

titletitle

>

head

>

>

src=

"../js/vue.js"

>

script

>

>

newpromise

((resolve,reject)

=>

,1000)}

).then

((data)

=>

,1000)}

).then((

)=>

,1000)}

).then((

)=>)}

)})script

>

body

>

html

>

控制台如下

注意

本身resolve,reject也是函式

new promise(

(resolve,reject)

=>

,1000)}

).then(

(res)

=>)}

).then(

(res)

=>

).then(

(res)

=>

).catch(

(err)

=>

)

控制台如下

Vue簡單介紹

vue vue.js的簡稱 是前端的主流框架之一,和angular.js react.js一起,成為前端三大主流框架,vue.js是一套構建使用者介面的框架,只關注檢視層,它不僅容易上手,還便於與第三方庫或既有專案整合 vue有配置的第三方類庫,可以整合起來做大型專案的開發 先來說明幾個概念 框架和...

vue簡單介紹 應用

vue是js框架 jq 漸進式框架 前端專案可以只有一部分使用vue,完全使用vue,作為乙個vue專案 版本 2.x 咱們學習,企業裡常用 3.x 最新的 m v vm思想 model view viewmodel 的縮寫,它是一種基於前端開發的架構模式 雙向資料繫結 架構 mvc mtv mvp...

Promise簡單使用

reject 方法 當promse中包含非同步操作時,例項的 then catch 會在下個 eventloop執行,但是promise中的 會同步執行 console.log 4 settimeout 200 const promise newpromise resolve,reject prom...