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