vue从后台中获取数据

1. 在接口函数中定义（api/index.js）：(切记一定是没有{}，否则就参数错误啦)
// export const
reqShopList=({geohash,keyword})=>ajax(base_url+'/search_shops',{geohash,
keyword}) export const
reqShopList=(geohash,keyword)=>ajax(base_url+'/search_shops',{geohash, keyword})
2.在mutation-type里定义：
export const RECEIVE_SEARCH_SHOPS='receive_search_shops'//接收搜索的商家数组
3. 在mutation里：
 
[RECEIVE_SEARCH_SHOPS](state, { searchshops }) { state.searchshops =
searchshops; },
4. 在action里：（接收参数）
async searchShopGoods({ commit ,state},keyword) { const geohash =
state.latitude + ',' + state.longitude; const result = await
reqShopList(geohash,keyword) if (result.code === 0) { const searchShops =
result.data commit(RECEIVE_SEARCH_SHOPS, { searchShops }) // 如果组件中传递了接收消息的回调函数,
数据更新后, 调用回调通知调用的组件 // callback && callback() } },
5. 在需要信息的vue文件里：
 
search(){ //得到搜索关键字 const keyword=this.keyword.trim(); //进行搜索 if(keyword){
this.$store.dispatch('searchShopGoods',keyword) } }
6. 显示数据

• « 上一篇：测试面试题 四
• » 下一篇：ConcurrentHashMap是如何保证线程安全的