Vue3使用Pinia状态

首先安装Pinia,我这里使用的是pnpm

pnpm install pinia

在main.js中引入Pinia

import {createPinia} from ‘pinia’

创建 Pinia 的实例

.use(createPinia())

创建一个文件

Vue3使用Pinia状态_第1张图片

在vue中引用

Vue3使用Pinia状态_第2张图片

批量改变数据,使用Pinia.$patch改变

Vue3使用Pinia状态_第3张图片

使用actions,在counter.js

Vue3使用Pinia状态_第4张图片

在Vue中

Vue3使用Pinia状态_第5张图片

使用getters

Vue3使用Pinia状态_第6张图片

在Vue中

在这里插入图片描述

不过我更喜欢vuex,使用起来方便一下,可能是个人喜好哈,小编有一篇文章是关于Vue的,地址:链接 欢迎大家来学习

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