Axios外掛程式和loading的實現

標籤：imp   效果   改變   等等   inf   方法   個數   ted   str   

axios外掛程式就是一個ajax外掛程式axios具有ajax的所有方法如 get post delete put等等的方法使用時只需要引入即可 如import Axios form ‘axios‘不需要使用Vue.use()在vue中具有install的方法的才需要使用use的方法在vue使用axios時 返回的是一個promise對象 所以 在接收這個資料時可以使用.then的方法在組件的data中 可以直接使用定義一個接收資料的容器，然後在mounted時 去使用this.資料容器名 去接收axios接收的資料。
或者可以在vuex中使用stroe去接收這個資料 然後在需要使用的地方用mapState 等vuex的方法 去引入 然後在該組件內使用this.$stroe的方法去使用儲存的資料。實現了資料共用 。loading的實現是基於在進入頁面ajax的請求成功前執行的操作，預設loading的效果然後在請求成功之後去將loading的狀態改變。//不過一般都是使用緩衝處理緩衝的時間大於500毫秒時調用緩衝。

我們可以使用loading的方法在vue的執行個體下如vue.prototype.loading={}的形式去掛載一個方法然後可以在全域去使用它。

 

 

Axios外掛程式和loading的實現