以物件導向的思維 對 vue axios 進行封裝

axios.interceptors.request.

use(
function
(config)
,function
(error)
);

axios.interceptors.response.

use(
function
(response)
//必須返回響應引數，不然響應值返回不到介面。
return response;},
function
(error)
);

1.建立乙個utils資料夾

2.建立乙個http.js檔案

3.輸入**:注意引入檔案（…/musicapi/…）

import axios from

'axios'
import qs from
'qs'
//建立axios例項
const instance=axios.
create()
;instance.defaults.baseurl=
"api"
;//錯誤資訊處理
const
errorhandler
=(status,other)
=>};
//新增請求監聽
instance.interceptors.request.
use(
function
(config)
return config;},
function
(error));
//新增響應監聽
instance.interceptors.response.
use(
(res)
=>
,(error)
=>
=error;
if(response)})
;export
default instance

4.建立檔案/src/musicapi/base.js（本檔案下寫axios需要的路徑）

const base =

export
default base

5.建立檔案/src/musicapi/musicservice.js（本檔案下寫返回axios的方法）

default musicservice

6.建立檔案/src/musicapi/index.js（將/src/musicapi/musicservice.js引入，方便元件呼叫）

import musicservice from

'./musicservice'
export
default

7.元件使用axios

axios封裝使用<
/h1>
<
/div>
<
/template>
import musicapi from
"../musicapi"
;export
default;}
,mounted()
,  methods:);
}},}
;<
/script>

物件導向思維

目錄 一 物件導向的概述 二 物件導向和面向過程 三 物件導向的特徵 如何定義類的參考 艾倫凱 你要到達那個星球，不能瞄準他現在的位置，而是要瞄準他未來的位置。願景 即星球未來的位置 大於近期的目標，願景可以自己去創造。1.物件導向中的物件模擬細胞，細胞間的通訊 化學交流 模擬物件間的通訊。細胞有相...

物件導向的程式設計思維

物件導向程式設計的解釋 下面通過 將大象裝冰箱 這個例子來說明物件導向程式設計與面向過程程式設計的區別 面向過程的程式設計的實現如下 open icebox 將冰箱門開啟 push elephant,icebox 將大象放進冰箱 close icebox 將冰箱門關上 如果用物件導向的程式設計，需要...

物件導向的思維方式

第一，首先確定誰來著，其次確定怎麼做 對比一下c語言，c語言要實現乙個功能，比如說要求乙個數的平方根，只要呼叫乙個函式就可以求出來，但在物件導向裡面不是這樣，首先應該考慮的是，求平方根的這件事應該是誰的任務，或者說是由誰來著，其次考慮怎麼去做，這才是物件導向。第二，首先考慮整體，其次考慮區域性 我就...