Vue3使用Pinia持久化存储(超详细介绍)

1、为什么要进行持久化存储?

        1.1. 因为刷新页面会导致数据重置

2、怎么进行持久化存储?

        2.1. 下载插件: npm i pinia-plugin-persistedstate

        2.2. 在main.ts或main.js中进行稍微配置

Vue3使用Pinia持久化存储(超详细介绍)_第1张图片

        2.3. 在仓库中使用

Vue3使用Pinia持久化存储(超详细介绍)_第2张图片 

3、 经过以上配置,你的pinia仓库就能进行持久化存储啦!!! 

你可能感兴趣的:(vue.js,npm,前端)