用于缓存的action和getter计算属性

再store文件中写action//同步+异步

actions:{
getCinemaList(store，payload){
	axios({
	url:"http//www.com"
	}).then(res=>res.json())
store.commit("changeCinemaList",res.data.cinemas)
}

}

下一步提交mutation

mutaion{
changeCinemaList(state,payload){
state.cinemaList=payload
}
}

再cinemas.vue页面中

mounted(){
if(this.$store.state.cinemaLsit.kength===0){
	this.%store.dispatch("getCinemaList","参数演示")
}
}

store中的计算属性`

  getter:{
	filterCinemaLsit(state){
	return state.cinemaLsit
}
}

使用

<li v-for="data in $store.getters.filterCinemaList">

第二种写法(传参写法)


javascript
<li v-for="data in $store.getters.filterCinemaList(type)">

 getter:{
	filterCinemaLsit(state){
	return (type)=>return state.cinemaLsit.filter(item=>item.eTicketFlag===type）
}
}