自学内容网 自学内容网

pinia的使用

1、官网

Pinia | The intuitive store for Vue.js

Pinia是一个基于Vue 3的状态管理库,它使得管理Vue的全局状态变得更加容易和直观,数据存储在内存中

2、安装

npm install pinia   

 这个按钮无论上次进来是展开还是折叠,每次进来默认都是展开的,如果想要记录上一次的状态就需要把这个变量存一下,存储在pinia中

新建文件夹和文件

 

 导出pinia并使用

 在Menu.vue组件中使用时,可直接定义盒子使用里面存储的变量

但是并没有生效,是因为Pinia是默认存储在内存中的,当浏览器关闭和刷新时就会消失,可以使用pinia-plugin-persistedstate插件,存储在浏览器中,可以存储在localStore或者时sessionStore中,默认存储在localStore

pinia-plugin-persistedstate插件的安装

npm install pinia-plugin-persistedstate

使用


原文地址:https://blog.csdn.net/m0_74356429/article/details/140277489

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!