一.安装

1.直接在安装脚手架时导入

2.控制台终端输入npm i pinia

二.在main.js中导入并注册

三.定义模块

新建文件 src/store/counter.js,名字随意

四.使用模块

在vue3中,getters直接无了,取而代之的就是computed

你是否觉得xxxStore.写起来很麻烦?
可以使用storeToRefs这个api来解构xxxStore中的数据,同时保证数据还是响应式的
注意,这个api无法解构方法!

当你遇到异步数据或者其他情况无法用wacth获取到pinia中数据变动时,可以使用store.$subscribe监听store的变化,注意,这里的store换成你的状态仓库名,即