av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術(shù)文章
文章詳情頁

vue .then和鏈?zhǔn)秸{(diào)用操作方法

瀏覽:3日期:2022-06-12 17:26:07
Vue.then一、Vue.then是什么意思

Vue.then是Vue.js框架中對(duì)于異步操作進(jìn)行處理的一個(gè)方法。它與Promise結(jié)合使用,相當(dāng)于Promise中的then方法,可以處理異步操作的結(jié)果,從而實(shí)現(xiàn)對(duì)后續(xù)流程的控制和處理。Vue.then方法是在Vue.js 2.1版本中引入的,目的是更好地支持異步操作。

二、Vue.then的使用

使用Vue.then方法,需要先進(jìn)行異步操作,接著通過調(diào)用Promise中的then方法來對(duì)異步操作的結(jié)果進(jìn)行處理。例如,在Vue.js中,可以使用Vue resource庫實(shí)現(xiàn)請(qǐng)求后臺(tái)數(shù)據(jù)的異步操作,代碼如下:

Vue.http.get('/api/user') .then(response => {this.users = response.body; }, response => {console.log('error'); });

上述代碼中,先進(jìn)行了一個(gè)異步操作,即調(diào)用Vue.http.get方法來請(qǐng)求后臺(tái)數(shù)據(jù)。然后,將結(jié)果通過Promise的then方法進(jìn)行處理,從而實(shí)現(xiàn)對(duì)于數(shù)據(jù)結(jié)果的控制。在這個(gè)例子中,如果響應(yīng)成功,返回?cái)?shù)據(jù)的主體內(nèi)容(response.body)將被賦值給該Vue實(shí)例的users變量,否則會(huì)在控制臺(tái)輸出"error"。

vue .then和鏈?zhǔn)秸{(diào)用

1 如果下級(jí)函數(shù)存在異步操作,

并且上級(jí)函數(shù)需要等待下級(jí)函數(shù)的異步操作完成后再繼續(xù)執(zhí)行,

那么在上級(jí)函數(shù)中就需要使用 .then() 方法來處理異步操作的結(jié)果。

2在let obj = axios.get(path).then((resp => { return resp })

這個(gè)鏈?zhǔn)秸{(diào)用中,確實(shí)會(huì)有兩個(gè)返回值。

第一個(gè)值是 請(qǐng)求的結(jié)果axios.get(path)

第二個(gè)值是.then()中數(shù)據(jù)處理后的結(jié)果 Promise 對(duì)象 obj 。

3 .then返回值是Promise 對(duì)象

4發(fā)起異步請(qǐng)求:axios.get(path) 得到第一返回值處理響應(yīng)結(jié)果:.then((resp) => { ... }) 得到第二返回值Promise 對(duì)象上級(jí)函數(shù)調(diào)用下級(jí)帶.then的函數(shù)必須 .then((data) => { ... })

5 上級(jí)函數(shù) 使用了.then(), 下級(jí)函數(shù)可以不使用.then,直接返回請(qǐng)求結(jié)果

第一種 上級(jí)函數(shù) .then() ,下級(jí)函數(shù).then() 返回處理完的數(shù)據(jù)

export function funcB() { let newData = [] newData = fetchData().then((data) => { console.log(data); // 直接使用數(shù)據(jù) return data; }); console.log(newData); } return newData;}function fetchData() { try { let path = 'dt.csv' let obj = axios.get(path).then((resp) => {// 這里處理數(shù)據(jù) return data;}) return obj; // 返回Promise 對(duì)象 } catch (error) { // 處理錯(cuò)誤 console.error(error); return null; }}

第二種 上級(jí)函數(shù) .then() ,下級(jí)函數(shù)只返回請(qǐng)求結(jié)果

export function funcB() { let newData = [] newData = fetchData().then((data) => { // 這里處理數(shù)據(jù) console.log(data); // 在這里處理 newData return data; }); console.log(newData); } return newData;}function fetchData() { try { let path = 'dt.csv' let obj = axios.get(path) return obj; // 返回Promise 對(duì)象 } catch (error) { // 處理錯(cuò)誤 console.error(error); return null; }}

到此這篇關(guān)于vue .then和鏈?zhǔn)秸{(diào)用的文章就介紹到這了,更多相關(guān)vue鏈?zhǔn)秸{(diào)用內(nèi)容請(qǐng)搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!

標(biāo)簽: JavaScript
主站蜘蛛池模板: 久久久久久国产一区二区三区 | 国产精品1区2区3区 欧美 中文字幕 | 蜜桃在线一区二区三区 | 欧美黄色性生活视频 | 国产精品久久7777777 | 国产精品18hdxxxⅹ在线 | 欧美a区| 国产一区二区三区视频 | 天天操天天干天天爽 | 精品国产三级 | 欧美日韩亚洲视频 | 亚洲成人一区二区 | 中文字幕av一区 | 精品久久久久久中文字幕 | 欧美综合在线观看 | 国产精品a久久久久 | 人人干人人超 | 日韩波多野结衣 | 国产精品自拍视频网站 | 精品久久香蕉国产线看观看亚洲 | 成人性视频免费网站 | 中文字幕在线一区二区三区 | 91精品国产91久久综合桃花 | 成人在线观看免费爱爱 | 免费视频成人国产精品网站 | 69热视频在线观看 | 成人综合视频在线 | 久久精品久久久久久 | 国产精品入口麻豆www | 日本精品一区 | 久久久精品综合 | av在线免费播放 | 亚洲一区精品视频 | 日本高清中文字幕 | 久久伊人精品一区二区三区 | 亚洲精品久久久蜜桃网站 | 一级a性色生活片久久毛片 午夜精品在线观看 | 国产精品特级毛片一区二区三区 | 91精品国产91久久久久久最新 | 免费看国产一级特黄aaaa大片 | 日韩高清国产一区在线 |