Axios插件和loading的實現


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={}的形式去掛載一個方法然后可以在全局去使用它。

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM