資訊專欄INFORMATION COLUMN
1.axios地址
https://github.com/axios/axios
2.安裝
npm install axios
3.使用
1.用在哪？
main.js 全局
2.什么時候用？
生命周期：https://cn.vuejs.org/v2/guide/instance.html
created 的時候 發(fā)起異步請求獲取數(shù)據(jù)
3.怎么用
數(shù)據(jù)從哪里來：
1.美團API接口 ，
優(yōu)點：貼近工作情形 缺點：官方接口申請有門檻，手續(xù)繁瑣，限制多，速度慢，非官方不穩(wěn)定,容易失效
2.自己搭建線上服務(wù)器數(shù)據(jù)
優(yōu)點：貼近工作情形，自己造數(shù)據(jù)想怎玩怎么玩 缺點：寫JSON麻煩，不穩(wěn)定，速度慢，域名空間收費，繁瑣
3.搭建本地模擬數(shù)據(jù)
優(yōu)點：貼近工作情形，自己造數(shù)據(jù)想怎玩怎么玩，訪問速度快，穩(wěn)定 缺點：寫JSON、配置服務(wù)器麻煩（如使用express或者mockjs）
結(jié)論：為了工作使用1，為了靈活性使用3，自己有現(xiàn)成的服務(wù)器或空間，從2、3中選的話，選擇2
我們使用1,按照工作標準來：
美團外賣官方接口：
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，讓我們對vue的數(shù)據(jù)相關(guān)的技術(shù)點有了一定了解，我們將一步步完善項目，豐富我們的技術(shù)經(jīng)驗。
下篇：我們通過為項目header組件添加數(shù)據(jù)交互功能，敬請關(guān)注。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/104779.html
摘要：無需使用服務(wù)器實時動態(tài)編譯，而是使用預渲染方式，在構(gòu)建時簡單地生成針對特定路由的靜態(tài)文件。與可以部署在任何靜態(tài)文件服務(wù)器上的完全靜態(tài)單頁面應(yīng)用程序不同，服務(wù)器渲染應(yīng)用程序，需要處于運行環(huán)境。更多的服務(wù)器端負載。 目錄結(jié)構(gòu) -no-ssr-demo 未做ssr之前的項目代碼用于對比 -vuecli2ssr 將vuecli生成的項目轉(zhuǎn)為ssr -prerender-demo 使用prer...
摘要：決定將組建渲染在哪，打開，添加配置路由打開文件夾下引入各個組件配置路由路徑組件路由重定向我們在數(shù)組設(shè)定為。官方文檔注意，當前激活導航設(shè)置方法固定屬性值。所以使用保留組件狀態(tài)，避免重新渲染購物車的數(shù)據(jù)丟失。 上篇我們說了vue項目的目錄設(shè)計，本篇我們來學習一下vue路由。 路由的作用： 在web端路由（route）就是URL到函數(shù)的映射，vue的router就像一個容器，分配，處理每一個...
摘要：從到使用開發(fā)實戰(zhàn)四封裝有很多同學看了本系列的前幾篇之后建議我暫時先不用，于是小肆之后將把換成繼續(xù)下面的文章。前置閱讀用從到做一個完整功能手機站一從到開發(fā)實戰(zhàn)手機站二提交規(guī)范配置從到使用開發(fā)實戰(zhàn)三知識儲備 從0到1使用VUE-CLI3開發(fā)實戰(zhàn)（四）: Axios封裝 有很多同學看了本系列的前幾篇之后建議我暫時先不用TS，于是小肆之后將把TS換成JS繼續(xù)下面的文章。今天給大家?guī)眄椖恐蟹浅?..
摘要：詳細具體的使用可以見文章手摸手，帶你優(yōu)雅的使用。為了加速線上鏡像構(gòu)建的速度，我們利用源進行加速并且將一些常見的依賴打入了基礎(chǔ)鏡像，避免每次都需要重新下載。 完整項目地址：vue-element-admin系類文章二：手摸手，帶你用vue擼后臺 系列二（登錄權(quán)限篇）系類文章三：手摸手，帶你用vue擼后臺 系列三(實戰(zhàn)篇）系類文章四：手摸手，帶你用vue擼后臺 系列四(vueAdmin 一...
閱讀 3094·2023-04-26 00:32
閱讀 570·2019-08-30 15:52
閱讀 2172·2019-08-30 15:52
閱讀 3449·2019-08-30 15:44
閱讀 3340·2019-08-30 14:09
閱讀 1477·2019-08-29 15:15
閱讀 3454·2019-08-28 18:12
閱讀 1165·2019-08-26 13:55
