pinia需要使用pinia-plugin-persistedstate插件来进行数据的存储

插件官网地址:
https://prazdevs.github.io/pinia-plugin-persistedstate/guide/config.html

1、安装

这里对插件的安装就不多赘述了,放两张官网的截图

使用命令:npm i pinia-plugin-persistedstate

Pinia 数据持久化储存(pinia-plugin-persistedstate)

2、使用

Pinia 数据持久化储存(pinia-plugin-persistedstate)

3、关于全部缓存及部分缓存的说明

(1)将store的state中的全部数据进行缓存,直接在state同级下面添加persist对象
Pinia 数据持久化储存(pinia-plugin-persistedstate)

此时,默认将数据存放在浏览器的SessionStorage中,key为store的名称,value为该store中所有的数据。
Pinia 数据持久化储存(pinia-plugin-persistedstate)
(2)将store的state中的数据进行部分缓存
此时需要在persist中添加strategies数组,
Pinia 数据持久化储存(pinia-plugin-persistedstate)

每个元素的key是想要储存的数据变量名(在state中定义的),storage可以写sessionStorage或者localStorage,此时,sessionStorage中的key就是变量名,value就是该变量的值

Pinia 数据持久化储存(pinia-plugin-persistedstate)

文章到这里就结束啦,希望能够帮助到大家!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。