Vue3 pinia 状态管理器

前端美少女战士
80 阅读1分钟

搭建pipina环境

image.png

存储+读取 pipina数据

新建store文件夹，在store文件夹下面新建count.ts文件，用于存储关于count的数据：

image.png

在count.vue中获取pipina存储的数据： image.png

笔记： image.png

修改pinia数据

image.png

image.png

image.png

storeToRefs 解构赋值时使用

image.png

getters (类似于计算属性)

image.png

image.png

笔记：

image.png

$subscribe 订阅 （类似于watch）

image.png

image.png

store组合式写法

image.png

avatar
文章
阅读
粉丝