Vuex异步请求使用场景一般是在两个列表中重复请求数据,可以将数据存储在store中,在用户频繁请求时,可以不必要多次的使用ajax请求获取数据,而是直接在store中拿已经缓存的数据(store中的数据是缓存在内存中的,只要网页一刷新或者关闭,缓存的数据就会丢失。)
Vuex状态管理 功能、使用场景。
1.状态管理(给父子组件之间的通信)
2.数据快照(数据的缓存)
3.方便管理和调试。
下面是Vuex数据缓存的使用。
1.在组件中判断是否有缓存的数据,如果没用,就发ajax请求,如果有就直接从store中读取数据。
if (this.$store.state.DataList.length===0){
//DataList为store中的缓存数据的数组
//发ajax请求
this.$store.dispatch('DataListActions'