vue2 0封裝自己的ajax模組

2022-09-02 04:42:10 字數 619 閱讀 5716

最近在完成公司專案,技術棧為vue2.0+vux+vuex+webpack+echarts...另外還有vue-router及vue-loader(webpack下loader外掛程式 可以把.vue檔案 輸出成元件).

考慮將ajax封裝,目的有兩個:

1、頁面內寫法簡單,格式和國網平台格式一致,後期無需再更改**

2、復用性

3、網域名稱,埠等資訊可以實現統一管理。

首先,先在components模組內定義自己的ajax,此處使用install方法,目的是可以在main.js中使用vue.use()方法將其注入vue例項中,具體**如下:

export default}};

xhr.send()

}}}

然後,在main.js中引入此模組:

最後,在模組的methods內引用此方法如下:

以上內容為本人原創,請勿**

vue2 0封裝axios請求

vue封裝網路模組 第一步 在scr裡面建立乙個network資料夾,在network資料夾裡面建立三個檔案 第二步 第乙個資料夾 config.js,在裡面寫入以下 定義請求方式 export const method export const path 第二個資料夾 core.js 在裡面寫入以...

Vue2 0中的Ajax請求

vue可以借助於vue resource來實現ajax請求 http請求報文 瀏覽器與伺服器資料互動是遵循http協議的,當瀏覽器要訪問伺服器的時候,瀏覽器需要將相關請求資料提交給伺服器。格式分為 請求報文行 請求報文頭 請求空行 請求報文體 http響應報文 當瀏覽器請求伺服器的時候,伺服器需要將...

javaScript 3 封裝自己的scroll

封裝自己的scrolltop scrollleft 第一步 判斷瀏覽器是否支援 第二步 var json 不用宣告變數,直接return function scroll 不支援的 檢測是不是怪異模式的瀏覽器 沒有宣告頭的 判斷是否宣告dtd 1.css1compat已經宣告 css標準模式 2.ba...