資訊專(zhuān)欄INFORMATION COLUMN
1.axios地址
https://github.com/axios/axios
2.安裝
npm install axios
3.使用
1.用在哪？
main.js 全局
2.什么時(shí)候用？
生命周期：https://cn.vuejs.org/v2/guide/instance.html
created 的時(shí)候 發(fā)起異步請(qǐng)求獲取數(shù)據(jù)
3.怎么用
數(shù)據(jù)從哪里來(lái)：
1.美團(tuán)API接口 ，
優(yōu)點(diǎn)：貼近工作情形 缺點(diǎn)：官方接口申請(qǐng)有門(mén)檻，手續(xù)繁瑣，限制多，速度慢，非官方不穩(wěn)定,容易失效
2.自己搭建線(xiàn)上服務(wù)器數(shù)據(jù)
優(yōu)點(diǎn)：貼近工作情形，自己造數(shù)據(jù)想怎玩怎么玩 缺點(diǎn)：寫(xiě)JSON麻煩，不穩(wěn)定，速度慢，域名空間收費(fèi)，繁瑣
3.搭建本地模擬數(shù)據(jù)
優(yōu)點(diǎn)：貼近工作情形，自己造數(shù)據(jù)想怎玩怎么玩，訪(fǎng)問(wèn)速度快，穩(wěn)定 缺點(diǎn)：寫(xiě)JSON、配置服務(wù)器麻煩（如使用express或者mockjs）
結(jié)論：為了工作使用1，為了靈活性使用3，自己有現(xiàn)成的服務(wù)器或空間，從2、3中選的話(huà)，選擇2
我們使用1,按照工作標(biāo)準(zhǔn)來(lái)：
美團(tuán)外賣(mài)官方接口：
http://developer.waimai.meitu...
GET例子：
axios.get("/user?ID=12345")
.then(function (response) {
// handle success
console.log(response);
})
.catch(function (error) {
// handle error
console.log(error);
})
.then(function () {
// always executed
});
POST例子：
axios.post("/user", {
firstName: "Fred",
lastName: "Flintstone"
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
總 結(jié)
本文我們從安裝，到axios，讓我們對(duì)vue的數(shù)據(jù)相關(guān)的技術(shù)點(diǎn)有了一定了解，我們將一步步完善項(xiàng)目，豐富我們的技術(shù)經(jīng)驗(yàn)。
下篇：我們通過(guò)為項(xiàng)目header組件添加數(shù)據(jù)交互功能，敬請(qǐng)關(guān)注。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/104779.html
摘要：一基礎(chǔ)學(xué)習(xí)模式下圖不僅概括了模式，還描述了在中是如何和以及進(jìn)行交互的。關(guān)于這一點(diǎn)我們將在后續(xù)反應(yīng)系統(tǒng)中討論。父組件通過(guò)向下傳遞數(shù)據(jù)給子組件，子組件通過(guò)給父組件發(fā)送消息。這個(gè)對(duì)象必須是普通對(duì)象原生對(duì)象，及原型屬性會(huì)被忽略。 Vue.js 是用于構(gòu)建交互式的 Web 界面的庫(kù)。Vue.js 提供了 MVVM 數(shù)據(jù)綁定和一個(gè)可組合的組件系統(tǒng)，具有簡(jiǎn)單、靈活的 API。 其實(shí)和Jquery一樣...
摘要：無(wú)需使用服務(wù)器實(shí)時(shí)動(dòng)態(tài)編譯，而是使用預(yù)渲染方式，在構(gòu)建時(shí)簡(jiǎn)單地生成針對(duì)特定路由的靜態(tài)文件。與可以部署在任何靜態(tài)文件服務(wù)器上的完全靜態(tài)單頁(yè)面應(yīng)用程序不同，服務(wù)器渲染應(yīng)用程序，需要處于運(yùn)行環(huán)境。更多的服務(wù)器端負(fù)載。 目錄結(jié)構(gòu) -no-ssr-demo 未做ssr之前的項(xiàng)目代碼用于對(duì)比 -vuecli2ssr 將vuecli生成的項(xiàng)目轉(zhuǎn)為ssr -prerender-demo 使用prer...
摘要：決定將組建渲染在哪，打開(kāi)，添加配置路由打開(kāi)文件夾下引入各個(gè)組件配置路由路徑組件路由重定向我們?cè)跀?shù)組設(shè)定為。官方文檔注意，當(dāng)前激活導(dǎo)航設(shè)置方法固定屬性值。所以使用保留組件狀態(tài)，避免重新渲染購(gòu)物車(chē)的數(shù)據(jù)丟失。 上篇我們說(shuō)了vue項(xiàng)目的目錄設(shè)計(jì)，本篇我們來(lái)學(xué)習(xí)一下vue路由。 路由的作用： 在web端路由（route）就是URL到函數(shù)的映射，vue的router就像一個(gè)容器，分配，處理每一個(gè)...
摘要：從到使用開(kāi)發(fā)實(shí)戰(zhàn)四封裝有很多同學(xué)看了本系列的前幾篇之后建議我暫時(shí)先不用，于是小肆之后將把換成繼續(xù)下面的文章。前置閱讀用從到做一個(gè)完整功能手機(jī)站一從到開(kāi)發(fā)實(shí)戰(zhàn)手機(jī)站二提交規(guī)范配置從到使用開(kāi)發(fā)實(shí)戰(zhàn)三知識(shí)儲(chǔ)備 從0到1使用VUE-CLI3開(kāi)發(fā)實(shí)戰(zhàn)（四）: Axios封裝 有很多同學(xué)看了本系列的前幾篇之后建議我暫時(shí)先不用TS，于是小肆之后將把TS換成JS繼續(xù)下面的文章。今天給大家?guī)?lái)項(xiàng)目中非常...
摘要：詳細(xì)具體的使用可以見(jiàn)文章手摸手，帶你優(yōu)雅的使用。為了加速線(xiàn)上鏡像構(gòu)建的速度，我們利用源進(jìn)行加速并且將一些常見(jiàn)的依賴(lài)打入了基礎(chǔ)鏡像，避免每次都需要重新下載。 完整項(xiàng)目地址：vue-element-admin系類(lèi)文章二：手摸手，帶你用vue擼后臺(tái) 系列二（登錄權(quán)限篇）系類(lèi)文章三：手摸手，帶你用vue擼后臺(tái) 系列三(實(shí)戰(zhàn)篇）系類(lèi)文章四：手摸手，帶你用vue擼后臺(tái) 系列四(vueAdmin 一...
閱讀 3098·2023-04-26 00:32
閱讀 573·2019-08-30 15:52
閱讀 2174·2019-08-30 15:52
閱讀 3450·2019-08-30 15:44
閱讀 3342·2019-08-30 14:09
閱讀 1481·2019-08-29 15:15
閱讀 3455·2019-08-28 18:12
閱讀 1166·2019-08-26 13:55
