vue 怎么使用vue-lru-cache和vue-memoize

vue-lru-cache 是一个基于 LRU（最近最少使用）算法的缓存库，可以用于缓存一些频繁使用的数据。你可以按照以下步骤使用 vue-lru-cache：

1. 安装 vue-lru-cache。

npm install vue-lru-cache --save

2. 在 Vue 中引入 vue-lru-cache。

import Vue from 'vue'
import LRUCache from 'vue-lru-cache'

Vue.use(LRUCache, {
  max: 500,
  maxAge: 1000 * 60 * 60
})

3. 在组件中使用缓存。

export default {
  data () {
    return {
      cachedData: null
    }
  },
  methods: {
    loadData () {
      const cachedData = this.$cache.get('myData')
      if (cachedData) {
        this.cachedData = cachedData
      } else {
        fetchData().then(data => {
          this.$cache.set('myData', data)
          this.cachedData = data
        })
      }
    }
  }
}

vue-memoize 是一个基于记忆化缓存的库，可以用于缓存函数的返回值。你可以按照以下步骤使用 vue-memoize：

1. 安装 vue-memoize。

npm install vue-memoize --save

2. 在 Vue 中引入 vue-memoize。

import Vue from 'vue'
import memoize from 'vue-memoize'

Vue.use(memoize)

3. 在组件中使用记忆化缓存。

export default {
  computed: {
    memoizedData: memoize(function () {
      // 计算并返回数据
    })
  }
}

注意：vue-memoize 只能用于计算属性和方法，不能用于普通的变量或函数。