vue的請求數(shù)據(jù)方式

一,vue-resource請求數(shù)據(jù)

介紹:vue-resource請求數(shù)據(jù)方式是官方提供的一個插件

步驟:

1,npm安裝

npm? install vue-resource? --save

或者使用cnpm淘寶鏡像安裝嗡载,會快很多。cnpm? install? vue-resource? --save

加--save是為了在package.json中引用悲酷,表示在生產(chǎn)環(huán)境中使用嘶卧。因?yàn)槲覀冊谌粘i_發(fā)中,如果我們要打包代碼給其他人或者上傳到github俯萎,又或者要發(fā)布代碼時傲宜,package.json就是安裝所需要的包。如果只在開發(fā)環(huán)境中使用夫啊,則只需要--save-dev函卒,有一些只在開發(fā)環(huán)境中用,有一些要在生產(chǎn)環(huán)境中用撇眯。

2报嵌,在main.js入口文件中引入vue-resource

引入之后要使用這個插件

如果不使用此插件的話,會報如下錯誤:

3熊榛,在項目中用this.$http.get()等等使用锚国,詳情看 vue-resource? github

實(shí)例:

注意:this.$http.get()等等的各種http請求都是繼承promise的。promise是異步的請求玄坦;其次血筑,.then箭頭函數(shù)里的this代表的是上下文。根據(jù)箭頭函數(shù)this的定義煎楣,只在函數(shù)定義時就已經(jīng)賦值可知豺总,this,指代的是定義函數(shù)的對象择懂,在vue中對象就是methods當(dāng)前頁面喻喳。所以this指導(dǎo)的是data里面的數(shù)據(jù)。如果想要獲取包裹函數(shù)外函數(shù)的數(shù)據(jù)休蟹,即閉包的概念沸枯。實(shí)現(xiàn)方法就是在外層函數(shù)加一個var that =? this;將外層的this先儲存到that中赂弓。如下實(shí)例绑榴,同時還解決了跨域的問題:

二,axios請求數(shù)據(jù)

介紹:這是一個第三方的插件? github地址:https://github.com/axios/axios

第一步:npm安裝? npm install axios? -save

第二步:直接調(diào)用盈魁。和vue-resource的區(qū)別是:aixos是每在一個頁面用一次就要在該頁面調(diào)用一次翔怎。vue-resource是綁定了全局的了。具體使用方法可以看github:

第三步:關(guān)于axios的跨域請求

在config->index.js->proxyTable配置如下:target填寫自己想要的地址

如下配置,url為地址后面所帶的參數(shù)赤套,配置好后飘痛,現(xiàn)在npm run? dev 運(yùn)行就行。

第四步:關(guān)于多個并發(fā)請求

上面這個是同一地址的跨域容握,如果要拿不同地址的跨域宣脉,只需要更改config->index.js->proxyTable的配置,增加地址塊就行剔氏。

三塑猖,關(guān)于fetch-jsonp

github地址:https://github.com/camsong/fetch-jsonp

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市谈跛,隨后出現(xiàn)的幾起案子羊苟,更是在濱河造成了極大的恐慌,老刑警劉巖感憾,帶你破解...
    沈念sama閱讀 222,946評論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蜡励,死亡現(xiàn)場離奇詭異,居然都是意外死亡阻桅,警方通過查閱死者的電腦和手機(jī)凉倚,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,336評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來鳍刷,“玉大人占遥,你說我怎么就攤上這事∈涔希” “怎么了瓦胎?”我有些...
    開封第一講書人閱讀 169,716評論 0 364
  • 文/不壞的土叔 我叫張陵,是天一觀的道長尤揣。 經(jīng)常有香客問我搔啊,道長,這世上最難降的妖魔是什么北戏? 我笑而不...
    開封第一講書人閱讀 60,222評論 1 300
  • 正文 為了忘掉前任负芋,我火速辦了婚禮,結(jié)果婚禮上嗜愈,老公的妹妹穿的比我還像新娘旧蛾。我一直安慰自己,他們只是感情好蠕嫁,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,223評論 6 398
  • 文/花漫 我一把揭開白布锨天。 她就那樣靜靜地躺著,像睡著了一般剃毒。 火紅的嫁衣襯著肌膚如雪病袄。 梳的紋絲不亂的頭發(fā)上搂赋,一...
    開封第一講書人閱讀 52,807評論 1 314
  • 那天,我揣著相機(jī)與錄音益缠,去河邊找鬼脑奠。 笑死,一個胖子當(dāng)著我的面吹牛幅慌,可吹牛的內(nèi)容都是我干的宋欺。 我是一名探鬼主播,決...
    沈念sama閱讀 41,235評論 3 424
  • 文/蒼蘭香墨 我猛地睜開眼欠痴,長吁一口氣:“原來是場噩夢啊……” “哼迄靠!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起喇辽,我...
    開封第一講書人閱讀 40,189評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎雨席,沒想到半個月后菩咨,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,712評論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡陡厘,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,775評論 3 343
  • 正文 我和宋清朗相戀三年抽米,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片糙置。...
    茶點(diǎn)故事閱讀 40,926評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡云茸,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出谤饭,到底是詐尸還是另有隱情标捺,我是刑警寧澤,帶...
    沈念sama閱讀 36,580評論 5 351
  • 正文 年R本政府宣布揉抵,位于F島的核電站亡容,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏冤今。R本人自食惡果不足惜闺兢,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,259評論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望戏罢。 院中可真熱鬧屋谭,春花似錦、人聲如沸龟糕。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,750評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽翩蘸。三九已至所意,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背扶踊。 一陣腳步聲響...
    開封第一講書人閱讀 33,867評論 1 274
  • 我被黑心中介騙來泰國打工泄鹏, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人秧耗。 一個月前我還...
    沈念sama閱讀 49,368評論 3 379
  • 正文 我出身青樓备籽,卻偏偏與公主長得像,于是被迫代替她去往敵國和親分井。 傳聞我的和親對象是個殘疾皇子车猬,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,930評論 2 361

推薦閱讀更多精彩內(nèi)容

  • ## 框架和庫的區(qū)別?> 框架(framework):一套完整的軟件設(shè)計架構(gòu)和**解決方案**。> > 庫(lib...
    Rui_bdad閱讀 2,918評論 1 4
  • 記者:在這一年的調(diào)查中你發(fā)現(xiàn)了什么尺锚? 柴靜:我想回答三個問題:霧霾是什么珠闰?它從哪兒來?我們怎么辦瘫辩? 以PM2.5之...
    師爺高閱讀 368評論 0 8
  • Fish and crabs are moving around the seafloor. The player...
    June_39f9閱讀 263評論 0 0
  • 在學(xué)校里伏嗜,每個班級都有一個班主任和若干班委,當(dāng)班主任有新的任務(wù)布置時伐厌,班委就會接到任務(wù)通知承绸。當(dāng)有新的班委任命時,新...
    Lvxus閱讀 304評論 1 1
  • 我的一個道姑朋友 那年挣轨,年華青澀军熏,豆蔻方逾,及笄 方至卷扮。一親荡澎,愛我,伴我画饥,相依為命衔瓮,以中有足樂者,并不以為苦抖甘。常至...
    柚子柚子柚子呀閱讀 817評論 0 0