vue如何缓存第一次接口请求的数据？

全局定义 const cache = {}

getData(categoryId){
if(cache[categoryId]){
this.props.vedioObj.categories = cache[categoryId]
console.log(this.props.vedioObj.categories)
}else{
//请求数据.....
回调中操作：
cache[categoryId] = this.props.vedioObj.categories
console.log(cache[categoryId]
}
}
弊端：页面操作也不请求接口了，没法传值了。