uniapp页面缓存有什么好方法？

Question

目前切换页面再返回该页面会重新加载数据，太浪费性能，uniapp又没有router-view 的语句有啥好办法啊？或者什么其他缓存的好办法？存本地这种也不太好啊？

Answer 1

以下答案引用自GPT-3大模型,请合理使用：

，劳烦了

1、首先，你可以在当前页面中设置一个`data`对象，里面存储页面数据，如果是跳转到其他页面，你就可以在这个`data`里保存需要的状态，这样跳回来的时候，你才能读取到上次的状态，代码如下：

```js
// data.js
export default {
  data: {
    pageState: '', // 保存页面状态
    pageData: {} // 保存页面数据
  }
}

// 页面A
import data from './data.js'

Page({
  data: {
    pageState: data.pageState,
    pageData: data.pageData
  },
  onShow() {
    if (data.pageState) {
      // 如果有数据，就直接从data.js中拿出来
    } else {
      // 否则，就去请求接口拿数据
    }
  }
})

2、另外，关于uni-app页面缓存，官方也提供了一些api，比如封装uni.setStorageSync()方法，用于将页面状态或者其他数据缓存到本地，后续再访问可以直接从本地拿数据，以节省网络开销。具体用法可以参考官网文档：
https://uniapp.dcloud.io/ap