1. 程式人生 > >Axios插件和loading的實現

Axios插件和loading的實現

img 就是 () str put 容器 import 毫秒 eight

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的實現