vue?項(xiàng)目中常用的?2?個?ajax?庫?：vue-resource，?axios
1.?vue-resource
下載：cnpm?install?vue-resource?--save
編碼：
//?引入模塊
import?VueResource?from?'vue-resource'
//?使用插件
Vue.use(VueResource)
//?通過?vue/組件對象發(fā)送?ajax?請求
this.$http.get('/someUrl').then((response)?=>?{
//?success?callback
console.log(response.data)?//返回結(jié)果數(shù)據(jù)
},?(response)?=>?{
//?error?callback
console.log(response.statusText)?//錯誤信息
})
2.?axios?的使用
下載：cnpm?install?axios?--save
編碼：
//?引入模塊
import?axios?from?'axios'
//?發(fā)送?ajax?請求
axios.get(url)
.then(response?=>?{
console.log(response.data)?//?得到返回結(jié)果數(shù)據(jù)
})
.catch(error?=>?{
console.log(error.message)
})
測試接口：
接口?1:
https://api.github.com/search/repositories?q=v&sort=stars
接口?2:
https://api.github.com/search/users?q=aa
vuex?（?對?vue?應(yīng)用中多個組件的共享狀態(tài)進(jìn)行集中式的管理(讀/寫)?）
下載：cnpm?install?--save?vuex
vuex?核心概念和?API
1.state
1）vuex?管理的狀態(tài)對象
2）它應(yīng)該是唯一的
2.mutations
1）包含多個直接更新?state?的方法(回調(diào)函數(shù))的對象
2）誰來觸發(fā):?action?中的?commit('mutation?名稱')
3）只能包含同步的代碼,?不能寫異步代碼
3.actions
1）包含多個事件回調(diào)函數(shù)的對象
2）通過執(zhí)行:?commit()來觸發(fā)?mutation?的調(diào)用,?間接更新?state
3）誰來觸發(fā):?組件中:?$store.dispatch('action?名稱',?data1)?//?'zzz'
4）可以包含異步代碼(定時器,?ajax)
4.getters
1）包含多個計(jì)算屬性(get)的對象
2）誰來讀取:?組件中:?$store.getters.xxx
5.modules
1）包含多個?module
2）一個?module?是一個?store?的配置對象
3）與一個組件(包含有共享數(shù)據(jù))對應(yīng)
