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