vue组件缓存方式，这4种你知道吗？

vue实现缓存有4种方式：

1，利用localStorage；

2，利用sessionStorage；

3，安装并引用storage.js插件；

4，利用vuex，它是一个专为Vue.js应用程序开发的状态管理模式

前两种：

localStorage

sessionStorage

第三种比较推荐，安装并引用storage.js插件

    测试得出，默认存储在localStorage中

    store.js包含了各种存储的解决方案，比如在某些localStorage失效的场景中，可以使用cookieStorage.js。掌握它，基本可以一网打尽缓存解决方案。

• all.js All the storages in one handy place.

• localStorage.js Store values in localStorage. Great for all modern browsers.

• sessionStorage.js Store values in sessionStorage.

• cookieStorage.js Store values in cookies. Useful for Safari Private mode.

• memoryStorage.js Store values in memory. Great fallback to ensure store functionality at all times.

• oldFF-globalStorage.js Store values in globalStorage. Only useful for legacy Firefox 3+.

• oldIE-userDataStorage.js Store values in userData. Only useful for legacy IE 6+

第四种vuex，适用构建较为复杂的vue单页应用。

    Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。

    以上就是vue组件缓存方式的几种实现方式，更多请关注慕课网其它相关文章！